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

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，一个新建html文件，例如：index.html，填充问题基础代码。

2、其次，在index.html中的<style>标签中，输入css样式代码：li{padding-top: 49px}。

3、浏览器运行index.html页面，此时通过css将li标签的行距调整为了49px。

将li的样式设置成以下例子:display:inlineline-height:24pxheight:autoword-break:break-allword-wrap : break-word 可以修改一下，到适合你的要求。