css控制ul标签下li样式

html-css0107

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

修改后的代码

#div1{width:200px}

#li1 {background:red}

#li2 {background:blue}

#li3 {background:yellow}

#li4 {background:black}

你代码的问题：

1weight:200px你是想写width吧

2}不需在花括弧后加分号

css控制第一个li标签的样式，和其他li的样式不同：给第一个<li>标签添加class或者id，然后编写css代码。

html：给第一个li元素添加一个class类名为“menu1”。

html：

<ul>

<li class=“menu1”>新闻一</li>

<li>新闻二</li>

<li>新闻三</li>

</ul>

css代码：

li{font-size：14px；} //4px大小的字体

.menu1{font-size:18pxfont-weight：bold；} //字体样式：粗体18px字体

效果：