-
直接在li上面浮动就不用display：block了查看全部
-
<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"> /*在此定义相关样式，控制列表的显示形式*/ .nav_top{ font-size:22px; } .nav_content li{ list-style-type:none; margin:0 auto; width:50px; height:30px; line-height:30px; text-align:center; float:left; } .nav_content li a{ display:block; margin:0 auto; } .nav_content a:link,.nav_content a:visited{ text-decoration:none; color:#000000; } .nav_content a:hover,.nav_content a:active{ color:#FFF; background:#BE3948; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <div class="nav"> <div class="nav_top">课程难度</div> <div class="nav_content"> <ul> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </div> </div> </body> </html>查看全部
-
焦点图的要点：1焦点图初始化的ID与图片列表最外层的ID一致。2.图片列表外面，包裹一个class为pic的div查看全部
-
list-style-type可以设置列表项目符号为：none无项目符号，disc实心圆，circle空心圆，square实心方块等但是不可以设置图片为项目符号。查看全部
-
慕课网编码源码查看全部
-
添加视频——引入其他网站的视频 直接从网站的视频分享中选中html复制，然后自定义宽高 优点：不用考虑视频优化维护问题，也不用考虑视频所占用的空间的大小； 缺点：播放会有原网站的广告，若网站视频删除，引用也会相应失败！查看全部
-
浮动清除查看全部
-
background Blist-style-image Cbackground-image Dlist-style-type查看全部
-
课程总结查看全部
-
小雨号< 大于号>查看全部
-
666查看全部
-
需要注意ul的区域和默认margin属性值。查看全部
-
超链接方法查看全部
-
666查看全部
-
编程练习 小伙伴们，根据所学知识，实现如下图所示的简单无序列表，并为每个列表项添加超链接。每个列表项的宽度为50px，高度为30px，列表中的文字在水平和垂直方向上均居中显示，超链接初始状态和访问后的状态均为黑色无下划线，鼠标经过和点击时文字均为白色，无下划线，背景颜色为#BE3948。 效果图: 温馨提示:完成任务后，请验证是否与实践描述效果一致，如一致，恭喜您，你已经掌握此技能，否则，请重复学习此节内容。 任务 一、在右侧代码的body标签中添加一个无序列表。 二、为每一个列表项设置超链接，可以设置空链接（#）。 三、在右侧代码的</head>之前，分别定义标签选择器li和a，并按照题目要求定义其CSS样式 。 注意： ① 超链接四种状态的设置顺序； ② 要想让列表在水平方向上排列，需要设置列表项浮动 ③ 由于a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block查看全部
举报
0/150
提交
取消