cssul样式模板,CSS模板

1、如何用CSS设置ul，使其在div中li靠左对齐？ul有默认的左边距。2、和设置ul的标签样式的大小

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

相关问答

Q1: 怎样用CSS设置UL标签的列表符号？

用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

Q2: CSS：Ul 和 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。 就是这样的

Q3: 在css中设置ul样式，怎样修改li的前面默认圆点的颜色？

li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景图片使用。

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。