-
日期左侧新闻右侧查看全部
-
<!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>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式,控制列表的显示形式*/ li{ list-style:none; float:left; width:50px; height:30px; text-align:center; line-height:30px; } a{ text-decoration:none; color:black; display:block; } a:hover{ color:white; background-color:#be3948; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <ul> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </body> </html>查看全部
-
应该是这样查看全部
-
list-siyle-type:none;去掉 Li 标签前面的点! text-decoration:none;去掉 a 标签下划线属性! A:link 超链接的默认样式 A:visited 访问过的(已经看过的)链接样式 A:hover 鼠标处于鼠标悬停状态的链接样式 A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。 写法: a:link,ul li a:visited{color:black;} a:hover,ul li a:active{color:#fff; background:#be3948;}查看全部
-
内联元素改为块元素display:block;查看全部
-
clear清除浮动。查看全部
-
答案:B。 text-indent用来规定文本块中首行文本的缩进,但是px是绝对单位,20px不一定正好是两个字符,而em是相对单位,1em的大小是当前1个字体的大小,因此2em正好是两个字符。另提示:text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.查看全部
-
块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后,块元素和内联元素的这种属性差异就不成为差异了。我们可以通过设置display属性实现块级元素和内联元素的相互转变。查看全部
-
浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。你可以按以下哪种方法处理:在浮动元素后加个div设置clear: both; height:0,overflow:hidden;使用clearfix;设置父元素浮动;查看全部
-
代码OK查看全部
-
图片居中显示,先设置img------display:block,再用margin:0 auto;查看全部
-
em为内联元素,要把他改为块级元素后,设置的宽度和高度才有效查看全部
-
display:block;变为块状元素查看全部
-
任务get查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页码的制作</title> <style> /*在此定义相关CSS样式*/ .box1{text-align:center;} .box1 a{font-family:"微软雅黑";font-size:5px; text-decoration:none; color:#000; border:1px solid #e8e8e8; padding:5px 10px; } .box1 a:link,.box1 a:visted{ color:#000; background-color:#000; } .box1 a:hover,.box1 a:active{ color:#fff; background-color:#f22; } </style> </head> <body> <!--在此制作页码的基本结构--> <div class="box1"> <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>查看全部
举报
0/150
提交
取消