css样式给ul还是li

html-css042

css样式给ul还是li,第1张

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就可以无论分页多少始终居中了。

在ul标签下li的默认样式为一个实心圆(disc)   可忽略不写li样式的改变是用 list-style:属性值 来改变的我们给li设置css,去除默认样式(实心圆)将li的样式设置为空心圆将li的样式设置为实心正方形其他:  decimal   :   CSS1 阿拉伯数字   lower-roman   :   CSS1 小写罗马数字     upper-roman   :   CSS1 大写罗马数字     lower-alpha   :   CSS1 小写英文字母     upper-alpha   :   CSS1 大写英文字母     armenian   :   CSS2 传统的亚美尼亚数字     cjk-ideographic   :   CSS2 浅白的表意数字     georgian   :   CSS2 传统的乔治数字     lower-greek   :   CSS2 基本的希腊小写字母    hebrew   :   CSS2 传统的希伯莱数字     hiragana   :   CSS2 日文平假名字符     hiragana-iroha   :   CSS2 日文平假名序号     katakana   :   CSS2 日文片假名字符     katakana-iroha   :   CSS2 日文片假名序号     lower-latin   :   CSS2 小写拉丁字母   upper-latin   :  CSS2 大写拉丁字母 

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

1.li自身圆点的颜色是修改不了的,你不想要那个圆点的话,可以通过以下几种方式来解决,.将圆点去掉,li{ list-style:none},然后用color:#ff0000设置字体的颜色,<li>.</li>这里的点就是红色的了。

2.你可以设置为自己喜欢的颜色,如果你要区分点和字的颜色,可以在li里面再嵌入一个标签,像这样:<li style="color:#ff0000font-size。

3.12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的,字就是红色的了。

4.将圆点去掉,li{ list-style:none};然后将那个点做成图片,然后嵌入li中。:<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。