knrt.net
当前位置:首页 >> 无序列表,第一行的本来应该在前面的却到后面去了... >>

无序列表,第一行的本来应该在前面的却到后面去了...

有解决方法。 首先,去掉li默认样式: li{ list-style-type:none; } 然后是使用图片作为li元素的背景。 li{ background: url("bg.jpg") no-repear 0 8px ; pdding-left:20px; } bg.jpg为小图片背景文件。

#Nav ul li{float:left; width:100px;background:#10688c; margin-left:3px; line-height:40px;list-style-type: none;} //要是还不行就在none后面加上 !important

答案:给li加上一个css样式 list-style-type:none; 我专门为此问题做了一个测试页面测试页面,可以打开看看效果。 测试页面的结构如图 html代码就是你问题的html代码,右上方方块的css增加 li{ list-style-type:none; } 这个样式。 可以看到,...

在相关的页面找到head部分写入list-style:none;,给li加上 list-style-type:none这个样式就可以了消除黑点。具体步骤如下: 1.这个标签本身自带属性,前面有小圆点是它的实际的效果,如下图。 2.加上 li{list-style-type:none;} 样式之后在页面...

li{list-style:none}把默认的给去掉,然后把着了色的圆点切成一张背景图片使用;li{background:url(图点图片路径) no-repeat;}

1 html中的无序列表是ul标签,这个标签本身自带属性,前面有小圆点,一个实际的效果说明下(如下图):就看到了楼上所说的圆点了 2 去除圆点 给li设置样式 : 在style中设置: list-style-type:none 就把每个li前面的圆点去掉了 菜鸟教程(runoob....

ul{ list-style-type :none ;} /*这一句是将默认列表的符号去掉。*/ li{ padding-left: 24px; background-image: url('图标路径');} /*这一句是将列表项左缩进一定距离,然后再设一个背景,这个背景是充当列表的图标的。*/

方法:给li加上 list-style-type:none;这个样式就可以了。 具体步骤: 1、html中的无序列表是ul标签,这个标签本身自带属性,前面有小圆点,一个实际的效果说明下:就看到了楼上所说的圆点了。 2、去除圆点 给li设置样式 : 在style中设置: lis...

li{ margin:0; padding:0; } 空白是浏览器的默认样式,如上重置为0即可消除空白

用css的浮动属性,float:left; 比如代码如下: 内容 内容 内容 在css里面控制 li{float:left;} 希望可以帮到你!

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com