网站建设资讯

NEWS

网站建设资讯

cssli样式,css里样式表里优先级最高

css控制ul标签下li样式

在ul标签下li的默认样式为一个实心圆(disc)   可忽略不写

创新互联主营石家庄网站建设的网络公司,主营网站建设方案,app软件开发,石家庄h5成都小程序开发搭建,石家庄网站营销推广欢迎石家庄等地区企业咨询

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标签的样式,和其他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 li的图片样式

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

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

css样式中的li

表示和当前li同级的所有li标签。不包括父级li和子级li。

另外常用的还有lili:这个表示当前li的子级li标签。


新闻标题:cssli样式,css里样式表里优先级最高
链接分享:http://cdweb.net/article/dsdjohe.html