li{list-style:none}把默认的给去掉,然后把着了色的圆点切成一张背景图片使用。
创新互联专业为企业提供沧县网站建设、沧县做网站、沧县网站设计、沧县网站制作等企业网站建设、网页设计与制作、沧县企业网站模板建站服务,10余年沧县做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
1.li自身圆点的颜色是修改不了的,你不想要那个圆点的话,可以通过以下几种方式来解决,.将圆点去掉,li{ list-style:none},然后用color:#ff0000;设置字体的颜色,li./li这里的点就是红色的了。
2.你可以设置为自己喜欢的颜色,如果你要区分点和字的颜色,可以在li里面再嵌入一个标签,像这样:li style="color:#ff0000; font-size。
3.12px;"span style="color:#00ff00; font-size:20px;"./spanlist1/li这样点就是绿色的,字就是红色的了。
4.将圆点去掉,li{ list-style:none};然后将那个点做成图片,然后嵌入li中。:li style="color:#ff0000; font-size:12pximg src="图片地址"list1/li。
首先网页的结构还是html搞定的,而网页中各部分的样式(是红的是绿的,是大的是小)是由css决定的。
而div,只是一组标签div/div,制作网页时可以用它来选中html中的某个部分,为他命名,从而让css为这个部分添加样式。
说的比较白话,希望能听得懂..
用photoshop制作psn文件,只不过是在用代码设计网页的初期,先做出一个草图,便于定位和切图。
对于css,lz应该多看看这方面的书。另外,css+div只是一种运用css的方法,“div+css模板”这种东西是不存在的。
用CSS设置UL标签的列表符号,这个我们是不需要去设置的,因为ul默认就是标签符号的,如果你是使用了这个list-style:none;去掉了这个属性,然后你又想有的话,你就给这个ul一个id或者是class,然后在css中list-style-type:disc !important;这样就又有序号了,具体看代码:
html
head
style
#div1{
width:600px;
height:40px;
font-size:13px;
list-style-type:disc !important;
}
/head
body
div id='div1'
ul
li测试1/li
li测试2/li
/ul
/div
/body
/html
IE6双倍margin的bug吧。
在li里加上一句:
_display:inline /* ie6 hack */
1、在ul样式中设置文本居左对齐。
ul {
padding:0;
margin:0;
text-align: left;
list-style-type: none;
}
2、标签大小不同,可以用自定义的背景图片代替标签样式。
ul li
{
background-image:url(sqpurple.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:14px;
}
扩展资料:
控制ul下具体的li:
1、ul li:first-child{ }
第一个li
2、ul li:last-child{ }
最后一个li
3、ul li:nth-child(4){ }
指定第几个,4就是代表第四个li
4、ul li:nth-child(2n+1){background:red;}
匹配第1、第3、第5、…个li
5、ul li:nth-child(odd){background:red;}
奇数的li
6、ul li:nth-child(even){background:red;}
偶数的li
意思就是html标签里的ul和li里都设置那些属性。只要有的属性都可以设置。 ul和li就是列表 追问: 他是自动套用吗? 还有,你说Ul 和 li 是列表? 能解释吗? 谢谢. 回答: html head /head body ou liaaa/li uibbb/ui /ou /body /html 列表的应该是ou吧,就这样,li是 有序 列表,可以设置前边的显示比如1,2,3或者I,II,III,ul是 无序 的,前边只显示一个黑点。只要你的网页源文件有li或者ui 标签 就会自动套用那个css了,当然先得加载css。 就是这样的
当前名称:cssul样式模板,css样式实例
网站链接:https://www.cdcxhl.com/article30/dsohpso.html
成都网站建设公司_创新互联,为您提供企业建站、网站制作、网站设计、微信公众号、App设计、自适应网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联