html制作网页版简历

今天给大家分享一个HTML的网页布局，这里面都是用一些简单的代码，相当于基础代码却做出不一般的网页布局，里面包含了div布局，同时这里面还引用了css层次样式，因为引入这个的话做出来的网页比较好看，而且生动。代码逐步分解分析如下，后面会附上完整的代码：

这个是链接的图片，主要的图标是icon格式的，同时解决中文乱码问题。

    这个是css样式，采用了类选择器，其中有div的布局分布，float型，div的大小固定，同时还有背景颜色等等。

.class1{
	border:0px;
	height:300px;
	width:280px;
	margin:0px;
	float:left;
	}

	.le{
	width:30%;
	height:700px;
	border:0px;
	background:#FFCCFF;
	text-align:center;
	}
	
	 .class2{
	 margin-top:2px;
	 margin-right:1px;
   height:578px;
   width:980px;
   float:right;}
	.class3{
		border:0px;
		top:150px;
		width:280px;
		height:310px;
		
	}

这个就是使用css样式对图片圆形画，让我们的图片不在使用PS，直接可以使用css样式将矩形的图片转化为圆形头像，既方便而且不用PS基础。