css设置li样式,css ul li 漂亮样式

css样式修改li水平显示

将li的样式设置成以下例子:display:inline;line-height:24px;height:auto;word-break:break-all;word-wrap : break-word ;可以修改一下，到适合你的要求。

乌兰察布网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。创新互联公司自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

怎样才能用css控制第一个li标签的样式，和其他li的样式不同

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:18px;font-weight：bold；} //字体样式：粗体18px字体

效果：

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

CSS li的图片样式

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

2、样式： .img{width:100px; height:100px; background:#f00;}