海甘--计算机学堂

标题: 如何取消li项的小圆点 [打印本页]

---

作者: admin    时间: 2011-2-18 21:50
标题: 如何取消li项的小圆点

1. 
   
2. list-style
   
3. 
   
4. 语法：
   
5. list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
   
6. 
   
7. 取值：
   
8. disc : CSS1 默认值。实心圆
   
9. 
   
10. 　　circle : CSS1 空心圆
    
11. 
    
12. 　　square : CSS1 实心方块
    
13. 
    
14. 　　decimal : CSS1 阿拉伯数字
    
15. 
    
16. 　　lower-roman : CSS1 小写罗马数字
    
17. 
    
18. 　　upper-roman : CSS1 大[写罗马数字
    
19. 
    
20. 　　lower-alpha : CSS1 小写英文]字母
    
21. 
    
22. 　　upper-alpha : CSS1 大写英文字母
    
23. 
    
24. 　　none : CSS1 不使用项目符号
    
25. 
    
26. 　　armenianl : CSS2 未支持。传统的亚美尼亚数字
    
27. 
    
28. 　　cjk-ideographic : CSS2 未支持。浅白的表意数字
    
29. 
    
30. 　　georgian : CSS2 未支持。传统的乔治数字
    
31. 
    
32. 　　lower-greek : CSS2 未支持。基本的希腊小写字母
    
33. 
    
34. 　　hebrew : CSS2 未支持。传统的希伯莱数字
    
35. 
    
36. 　　hiragana : CSS2 未支持。日文平[假名字符
    
37. 
    
38. 　　hiragana-iroha : CSS2 未支持。日文平]假名序号
    
39. 
    
40. 　　katakana : CSS2 未支持。日文片假名字符
    
41. 
    
42. 　　katakana-iroha : CSS2 未支持。日文片假名序号
    
43. 
    
44. 　　lower-latin : CSS2 未支持。小写拉丁字母
    
45. 
    
46. 　　upper-latin : CSS2 未支持。大写拉丁字母
    
47. 
    
48. 　　－－－－－－－－－－－－－－－－－－－
    
49. 
    
50. 
    
51. 例子：
    
52. A).　　运用CSS格式化列表符：
    
53. 
    
54. 　　ul li{
    
55. 
    
56. 　　list-style-type:none;
    
57. 
    
58. 　　}
    
59. B).　　如果你想将列表符换成图像，则：
    
60. 
    
61. 　　ul li{
    
62. 
    
63. 　　list-style-type:none;
    
64. 
    
65. 　　list-style-image: url(images/icon.gif);
    
66. 
    
67. 　　}
    
68. C).　　为了左对齐，可以用如下代码：
    
69. 
    
70. 　　ul{
    
71. 
    
72. 　　list-style-type:none;
    
73. 
    
74. 　　margin:0px;
    
75. 
    
76. 　　}
    
77. D).　　如果想给列表加背景色，可以用如下代码：
    
78. 
    
79. 　　ul{
    
80. 
    
81. 　　list-style-type: none;
    
82. 
    
83. 　　margin:0px;
    
84. 
    
85. 　　}
    
86. 
    
87. 　　ul li{
    
88. 
    
89. 　　background:#CCC;
    
90. 
    
91. 　　}
    
92. E).　　如果想给列表加MOUSEOVER背景变色效果，可以用如下代码：
    
93. 
    
94. 　　ul{ list-style-type: none; margin:0px; }
    
95. 
    
96. 　　ul li a{ display:block; width: 100%; background:#ccc; }
    
97. 
    
98. 　　ul li a:hover{ background:#999; }
    
99. 
    
100. 　　说明：
     
101. 
     
102. 　　display:block;这一行必须要加的，这样才能块状显示！
     
103. F).　　LI中的元素水平排列,关键FLOAT:LEFT：
     
104. 
     
105. 　　ul{
     
106. 
     
107. 　　list-style-type:none;
     
108. 
     
109. 　　width:100%;
     
110. 
     
111. 　　}
     
112. 
     
113. 　　ul li{
     
114. 
     
115. 　　width:80px;
     
116. 
     
117. 　　float:left;
     
118. 
     
119. 　　}
     

复制代码

---

欢迎光临 海甘--计算机学堂 (https://www.haigangroup.com/forum/)

Powered by Discuz! X3.2