<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
.div1{
top:400px;
width:4500px;
height:300px;
border:1px solid #ccc;
}
.faceul{
width:100%;
height:250px;
border:1px solid red;
margin-left:0;
}
.faceul li{
list-style-type:none;
float:left;
border:1px solid gray;
margin:5px 5px ;
}
.faceul li img{
width:50px;
height:50px;
margin:5px;
}
</style>
<BODY>
<div class="div1">
<ul class="faceul">
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
</ul>
</div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
.div1{
top:400px;
width:4500px;
height:300px;
border:1px solid #ccc;
}
.faceul{
width:100%;
height:250px;
border:1px solid red;
margin-left:0;
}
.faceul li{
list-style-type:none;
float:left;
border:1px solid gray;
margin:5px 5px ;
}
.faceul li img{
width:50px;
height:50px;
margin:5px;
}
</style>
<BODY>
<div class="div1">
<ul class="faceul">
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
<li><img src="http://ucimg.vcimg.com/avatar/005/20/13/13_avatar_small.jpg"></li>
</ul>
</div>
</BODY>
</HTML>
分享到:
相关推荐
css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...
《HTML+CSS网页设计与布局从入门到精通》紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术,全面介绍了使用HTML和CSS进行网页设计和制作的各方面内容和技巧。 《HTML+CSS网页设计与布局从入门到精通》...
本书专注于CSS技巧实例的讲解,由浅入深地分析了CSS样式在布局时所需要理解的原理。放弃到处可见的基础知识、网络中能随意搜索到的hack技巧,侧重原理分析,拓展读者使用CSS布局的思维方式,通过本书的阅读读者将会...
9个网页布局,学校让做的网站作业,虽然是比较基础的网页静态页面,不过我也希望你能做的规范一些,我们专业制作学生网页作业,div css js 等通过dreamwear的工具实现规范化,比如文件夹的规范,代码写作的规范,...
上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合
svg转css,css转svg,svg与css互相转换并压缩
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...
CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与...
js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+...
由于本书压缩质量比较好,所以格式比较大,40MB多,我分了6段压缩大家可以按 精通CSS(css mastery)中文版 part1 精通CSS(css mastery)中文版 part2 精通CSS(css mastery)中文版 part3 精通CSS(css ...
什么是CSS? CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。 CSS 是用来表现HTML或XML的标记语言。 CSS 是由W3C的CSS...
CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装
CSS3实现烟花特效-图片+css
CSS
包含:CSS权威指南、css彻底设计研究、HTML5和CSS3实战、HTML5与CSS3设计模式