-
垂直导航栏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> <style> /*list style 表单样式 text-decoration 文本修饰 disply：block 使a标签成为块级元素 margin-bottom：设置 p 元素的下外边距 text-indent：文本缩进值*/ ul{list-style: none;width: 100px} a{text-decoration: none;display: block;height: 30px;line-height: 30px;width: 100px;background-color: antiquewhite;margin-bottom: 1px;text-indent: 20px} a:hover{background-color: black;color: azure} </style> </head> <body> <ul> <li><a href="#">首页</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">企业展示</a></li> <li><a href="#">联系我们</a></li> </ul> </body> </html>查看全部
-
导航条用无序列表制作表单 <ul> <li>查看全部
-
基本的样式清除：.body{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none}查看全部
-
backgroud-position中的像素值x y，其参照原点是标签的左上角，x为正值向原点右移相应像素单位，y为正值则向下移.查看全部
-
对象ａ中添加背景图片 background：ｕｒｌ（图片地址） ＜ｌｉ＞＜ａ ｃｌａｓｓ＝＂ｏｎ＂．．．．＞ 默认首页交互式开的状态 对应要与．ｏｎ，a:hover（ｃｏｌｏｒ：＃＊＊，background－ｐｏｓｉｔｉｏｎ：０－３０）对于 background－ｐｏｓｉｔｉｏｎ：０－３０ 背景横不变纵向向下３０查看全部
-
li { float:left } 增加可以纵向改为横向 ul { list-style：none； width：100px } 后面的width需要删除 缩进删除 text-align：center 文本对齐方式（居中）查看全部
-
通常用 html 中的无序列表来构建导航条菜单查看全部
-
1.文本缩进:text-indent:10px; 2.将a标签变成块元素: display:block 3.清除下划线: text-decoration 4.a:hvoer是一个CSS伪类,用于鼠标移到a的时候的样式.鼠标经过它时候的效果，因为浏览器解析超链接的时候默认是蓝色有下划线的，所以要用css来改成你想要的效果。查看全部
-
基本的样式清除：.body{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none}查看全部
-
最后这道题，仿照前面的写法，感觉应该是用style重新设置overflow属性，所以我是直接写的this.style.overflow="hidden";但是发现没有效果，看了看评论里面的，找到了原因，this指的是li标签，但是一级二级都有li标签，所以没有定位到二级便签的li。查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
text-indent:20px 文字缩进20px 将a标签定义成行内块：dispaly:block查看全部
-
基本的样式清除：.body{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover效果;a:hover{background-color:grey;color:orange} hover格式 a:hover{}查看全部
-
用无序列表构建菜单查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
举报
0/150
提交
取消