css样式给ul还是li

Posted 2023-05-01

css样式给li。
1.文字居中定义　　文字居中始终是要的，所以首先给予ul外层div一个text-align（文本对齐：居中），还可以给一个“溢位：隐藏（overflow: hidden;）”，当然也可以定义一下高和宽。　　

2.ul定义　　ul不能定义宽度，我们只能给一个定位，类型为相对（position: relative），置入左为50%（left: 50%），当然也可以给一个浮动。请注意，ul千万不能用溢位：隐藏（overflow: hidden;），这样，部分li就无法显示。　　

3.li定义　　li的定义跟ul差不多，宽度不固定，同样给一个定位，类型为相对（position: relative），置入右为50%（right: 50%），恰恰和ul相反，这样定义后li就可以无论分页多少始终居中了。 参考技术A +我们可以给ul和li都添加css样式。我们可以使用css选择器来为特定的ul或li添加样式，也可以用class属性或id属性为其分配特定的css样式。例如：
+
+```
+ul
+ margin: 0px;
+ padding: 0px;
+
+
+li
+ background-color: #CCCCCC;
+ list-style-type: none;
+ padding: 8px;
+ margin: 4px;
+
+```
+
+上面的代码将给所有的ul和li都添加了css样式。另外，我们还可以使用class或id属性给特定的ul或li添加css样式：
+
+```
+ul.mylist
+ margin: 0px;
+ padding: 0px;
+
+
+li#importantItem
+ background-color: #CCCCCC;
+ list-style-type: none;
+ padding: 8px;
+ margin: 4px;
+
+```

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

li的圆点，有时在IE6和IE8之间预览效大小不同，如何使ul的标签“·”的大小在以上不同的浏览器中效果一样。是要分别给UL或者他父级不同的css定义？请高手指点，谢谢！

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

参考技术A li左对齐要先将ul、li的默认左边距给去除了。
ul，li margin：0px；padding：0px；
至于li的样式，可以先将ul的样式给去除了，也可以将“·”直接放在li里面，如下：<li>·<a href="#">jdljoueoulgjl</a></li>本回答被提问者采纳 参考技术B LI的原点效果不同可以通过设置list-style来更换其他的标识，至于你说的兼容不同浏览器的方法，可以用CSS HACK解决，首先要了解常用浏览器有FF,IE6,7,8,Google Chrome。 世界之窗，360，遨游，TT什么的都是IE的内核，所以只要考虑前几个就好了

简单的几个HACK IE6在样式前加* IE7加_等等，可以百度一下CSS HACK

当然了 如果布局设计合理的话 其实无需任何HACK也能照顾到所有浏览器 参考技术C 这个很简单的，你要定义，是都要定义CSS的，让他们左对齐是要浮动的，这个讲不好讲，你需要的话，留下QQ，我给你个例子你自己看那样更容易懂 参考技术D 圆点的问题 ：设置背景