-
border-radius 设置圆角半径查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
涉及js,没看？查看全部
-
<!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=utf-8" /> <title>垂直导航菜单例子</title> <style type="text/css"> *{margin:0; padding:0; font-size:14px;} ul{ list-style:none; width:100px} a{ text-decoration:none; display:block; text-indent:20px; width:100px; height:30px; line-height:30px; background-color:#efefef; margin-bottom:1px;} a:hover{ background-color:orange; color:#Fff} </style> </head> <body> <ul class="nav"> <li><a href="#">首 页</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">产品展示</a></li> <li><a href="#">售后服务</a></li> <li><a href="#">联系我们</a></li> </ul> </body> </html>查看全部
-
水平菜单：li{float:left}查看全部
-
清除条目前的圆点：<style>ul{list-style:none}</style> 去除超链接下划线：<style>a{text-decoration:none}</style>查看全部
-
这里完全不会也不理解。查看全部
-
display:block;(a标签定块) text-indent:20px;（文本缩进）查看全部
-
未完成，等学习完js回来继续完成 2017/10/11 将js入门进阶学完后回来完成了，但并不是很好完成，因为发现入门时候学的一些函数忘了。。。查看全部
-
hover是一个非常常用的CSS属性，我们经常浏览网页所看见的鼠标移动效果其实大部分都是用hover是实现的，当初我也想实现这类的效果时是用js实现的，对比起来真是羞愧。 在老师所教的hover应用中，我的体会是，你想要用hover实现什么效果就要在hover中实现，而这种实现就得有一些经验和技巧。 老师所教的其实更多的是经验，这种经验非常值得我们去收获，非常的有用，能让我们在学习中解决不少困难。查看全部
-
伸缩垂直导航菜单：就是修改鼠标放上去显示的样式的高。hover设置后是向下增长的。要向上只需margin-top设置为负。设置后里面的字也会增长用line-height设置到相应的查看全部
-
【background-position】图片定位。以图片的左上角顶点为原点，往下和右都为正，反之为负，查看全部
-
【float】放在内联中可以把内联变成块级使用查看全部
-
练习垂直导航：查看全部
举报
0/150
提交
取消