-
/*在此定义相关CSS样式*/ .page{ margin-top:10px; font:12px "microsoft Yahei"; text-align:center;} .page li{ list-style-type:none; } .page a{ text-decoration:none; display:inline-block; border:1px solid #e8e8e8; margin:5px; padding:5px 8px; } .page a:link,.page a:visited{ color:#000; } .page a:hover,.page a:active{ background-color:#cc1b1b; color:#fff; } </style> </head> <body> <!--在此制作页码的基本结构--> <div class="page"> <a href="#">首页</a> <a href="#"><</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">...</a> <a href="#">></a> <a href="#">末页</a> </div>查看全部
-
设置链接 点击前后都为灰色.不变色 没有下划线查看全部
-
text-indent:2em 首行缩进两字符，其中em是相对单位，与文本单位保持一致。查看全部
-
display:inline-block 既可以设置在同一行，又可以设置宽高查看全部
-
盒子模型高度计算查看全部
-
多层列表嵌套查看全部
-
清除浮动查看全部
-
关于浮动：float查看全部
-
盒子模型查看全部
-
可以用浏览器的极速、兼容模式来测试ie下的效果。。。不甚了解查看全部
-
min-height可以使盒子根据内容变大（向下扩展 _height适用于ie6查看全部
-
/*在此定义相关CSS样式*/ *{ margin:0; padding:0; font:12px "microsoft Yahei";} .topList{ width:300px; height:180px; border:2px solid #e8e8e8; margin:auto;} .topList li{ height:30px; list-style-type:none; margin-left:10px;} .topList a:link,.topList a:visited{ text-decoration: none; color:#000;} .topList a:hover,.topList a:active{ text-decoration: none; color:#F00;} .topList em{ width:20px; height:16px; font-style:normal; color:#333; float:left; display:block; text-align:center; background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) 0 -16px no-repeat;} .top em{ background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) 0 0 no-repeat ; }查看全部
-
告诉你怎么引入视频查看全部
-
float:left可在某些情况下不换行查看全部
-
myFocus的使用查看全部
举报
0/150
提交
取消