-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页码的制作</title> <style> /*在此定义相关CSS样式*/ .page{margin-top:10px;height:20px; line-height:20px; text-align:center;} .page a{display:inline-block; margin:5px; padding:5px 10px; text-decoration:none; border:1px solid #ccc; } .page a:link,.page a:visited{ color:#000; } .page a:hover,.page a:active{ color:#FFF; background-color:red; } </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> </body> </html>查看全部
-
text-align:right;靠右对齐，如果觉得太靠右了的话，可以设置一个右填充padding-right查看全部
-
IE浏览器下date下移问题：把放置date的span元素放到前面查看全部
-
clear:left; 清除浮动查看全部
-
>符号的转移>查看全部
-
*{ padding:0px; margin:0px; font-size:12px; } .topList{ width:300px; height:180px; border:1px solid #E8E8E8; margin:0 auto; } li{ list-style-type:none; height:16px; line-height:16px; margin:12px; } p{ padding-left:20px; } a{ text-decoration:none; color:#000; } em{ background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat 0 -16px; float:left; color:#333; width:20px; height:16px; text-align:center; display:block; font-style:normal; } .top em{ background-position:0 0; color:#fff; } a:hover{ color:red; }查看全部
-
dddddd查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> /*在此定义相应的类选择器，并根据要求设置相关CSS属性*/ .mainBox{ width:960px; /*float: left;*/ /*height: 300px;*/ overflow: hidden; background-color:blue; } .leftBox{ float:left; width:740px; height:300px; background-color:#C9F; } .rightBox{ float:right; width:210px; height:300px; background-color:#FCF; } </style> </head> <body> <!--在此添加相应的div标签--> <div class="mainBox"> <div class="leftBox"></div> <div class="rightBox"></div> </div> </body> </html>查看全部
-
③ 由于a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block查看全部
-
焦点图3查看全部
-
焦点图2查看全部
-
焦点图1查看全部
-
网页制作查看全部
-
焦点轮换图demo网址: http://demo.jb51.net/js/myfocus/查看全部
-
1、超链接四种状态的设置顺序：link,visited;hover,active{text-decoration:none;color:..} 2、 要想让列表在水平方向上排列，需要设置列表项浮动:float:left/right; 3、由于a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block查看全部
举报
0/150
提交
取消