-
text-indent: 20px 文本缩进20px displapy:block 定义块级元素查看全部
-
字体颜色：color查看全部
-
这是一个漏掉的练习查看全部
-
动画开启之前, 先清除上一个动画查看全部
-
background-position:left top;查看全部
-
1.有序列表 ol/li 有start属性, 最大序号为999 显示方式是列表前面有序号（序号形式由type属性值决定) 2.无序列表 ul/li 无start属性 显示方式是列表前面没序号,只有圆点（圆点样式由type属性值决定）查看全部
-
1.文本缩进:text-indent:10px; 2.将a标签变成块元素: display:block 3.清除下划线: text-decoration 4.a:hvoer是一个CSS伪类,用于鼠标移到a的时候的样式.鼠标经过它时候的效果，因为浏览器解析超链接的时候默认是蓝色有下划线的，所以要用css来改成你想要的效果。查看全部
-
把a标签定义成行内块:display:block 文字缩进20px:text-indent:20px查看全部
-
<!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;} a{color:#333;text-decoration:none} .nav{list-style:none; height:30px; border-bottom:10px solid #F60; margin-top:20px; padding-left:50px;width:700px;} .nav li{float:left} .nav li a{display:block; height:30px;text-align:center; line-height:30px; width:120px; background:url(http://img1.sycdn.imooc.com//53846438000168f901200060.jpg); margin-left:1px;} .nav li a.on, .nav li a:hover{ background-position:0 -30px;color:#fff;} </style> </head> <body> <ul class="nav"> <li><a class="on" 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>查看全部
-
<display:block>把a标签变为块级元素 <text-indent>文本缩进x像素查看全部
-
不用js,在style最后加两行 ul>li ul{transition:height 0.3s;} ul>li:hover ul{height: 120px;} 也可以。查看全部
-
【background-position】图片定位。以图片的左上角顶点为原点，往下和右都为正，反之为负查看全部
-
水平导航需要设置float属性 基本清除样式：*{margin:0;padding:0;} 无序列表圆点清除：ul{list-style:none;} 文字下划线去除：a{text-decoration:none;} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
把a标签定义成行内块:display:block 文字缩进20px:text-indent:20px查看全部
-
菜单<li>浮动后，<li》脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高查看全部
举报
0/150
提交
取消