css控制ul标签下li样式

html-css022

css控制ul标签下li样式,第1张

在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　大写拉丁字母 

1、css li的图片样式：<li><img src="" class="img"></li>

2、样式： .img{width:100pxheight:100pxbackground:#f00}

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