ydzf.net
当前位置:首页 >> 怎样把ul li变成圆点 >>

怎样把ul li变成圆点

解决思路:在HTML中没有相应的属性可以设置该效果,但在CSS中可以,相应的属性为list-style-type,要把圆点改成实心方块,只需要设置list-style-type的值为square.具体步骤: 代码示例: <ul style="list-style-type:square"> <li>list1 <li>list2

li{list-style:none}把默认的给去掉,然后把着了色的圆点切成一张背景图片使用.1.li自身圆点的颜色是修改不了的,你不想要那个圆点的话,可以通过以下几种方式来解决,.将圆点去掉,li{ list-style:none},然后用color:#ff0000;设置字体的颜色

横向排列,设置浮动就可以了,本身带的圆点可以使用list-type:none;

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

给你要用这个样式的<a>加一个类似class="linkStyle1"的类名,例如<a href="#" class="linkStyle1">大家好</a> 然后在CSS文件里定义.linkStyle1{ font-size:16px;/*自己看着写吧*/ } 加圆点的话可以利用<ul><li>的默认样式<ul> <li><a href="#" class="linkStyle1">大家好</a></li> <li><a href="#" class="linkStyle1">大家好</a></li> <li><a href="#" class="linkStyle1">大家好</a></li></ul>

你好!可以设置li的样式 list-style-type:circle; 不过不太建议这样做,因为不同浏览器可能解析出来的不一样,建议你还是把小圆点做为背景图设置仅代表个人观点,不喜勿喷,谢谢.

现在都不用这个方法了一般写的时候都是在重置样式中写ul{list-style:none}然后用到前面有圆点或者特殊效果的,直接在li中写背景样式li{background:url(bg.jpg) no-repeat}

我要横向排列

<style type="text/css"> ul,li{ font-size:14px; color: #FF0000; list-style-image: url(rss_xml.gif); list-style-type: none; }</style>------------------- 上面一样你用 UL 和 LI 的标签 ,,list-style-image: url(rss_xml.gif); rss_xml.gif 是你想要的图片地址----------------

最少得弄两个吧<ul> <li> XXXX </li> <li> YYYY </li> </ul>

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