-
电话号码 ，套用小的样式查看全部
-
vertical-align图片竖向居中查看全部
-
给一个DIV设置宽度，marin属性左右为0，这样可以使DIV中的元素居中查看全部
-
top查看全部
-
首页的布局查看全部
-
清除浮动查看全部
-
1设置了浮动，2没有设置。那么2在浏览器中表现的是1存在一样查看全部
-
若想使内容加包裹层的总宽度不变，那么，内容得在总的基础上减小查看全部
-
内容区域 与外边距 内边距查看全部
-
1111查看全部
-
margin: 上下 左右查看全部
-
margin:上 右 下 左查看全部
-
myfous得下载 焦点图查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页码的制作</title> <style> /*在此定义相关CSS样式*/ *{ margin:0; padding:0; font-size:12px; } .yem ul{ height:35px; } .yem ul li{ list-style-type:none; line-height:25px; text-align:center; border:1px solid #000; margin:5px; float:left; } .yem ul li a{ color:#000; padding:0 10px; display:inline-block; text-decoration:none; } .yem ul li a:hover{ background:red; } a.active{ background:red; } </style> </head> <body> <!--在此制作页码的基本结构--> <div class="yem"> <ul> <li><a href="#">首页</a></li> <li><a href="#"><</a></li> <li><a href="#" class="active">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">></a></li> <li><a href="#">末页</a></li> </ul> </div> </body> </html>查看全部
-
*{ margin:0; padding:0; } .topList{ width:300px; height:180px; border:1px solid #E8E8E8; margin:0 auto; } .topList ul{ padding:8px; } .topList ul li{ list-style-type:none; margin:5px; } .topList ul li em{ display:block; width:25px; height:16px; font-style:normal; text-align:center; color:#333; float:left; font-size:12px; background-image:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg"); background-position:0px -16px; } .topList li.top em{ font-size:12px; color:#fff; background-image:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg"); background-position:0px 0px; } .topList ul li p{ display:inline; } .topList ul li a{ font-size:12px; color:#000; text-decoration:none; }查看全部
举报
0/150
提交
取消