13518219792
1、利用Dreamweaver新建一个html页面。
创新互联公司主要从事做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务乌尔禾,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575
2、在body里面输入代码
ul
li你好/li
li小鱼/li
li小小/li
/ul。
3、默认的样式是这样的。
4、编辑li标签的css样式。
5、float:left代表的是元素左对齐。这样li标签就可以横排显示了，list-style:none用来去除li标签前面的小圆点。
1、css li的图片样式：liimg src="" class="img"/li
2、样式： .img{width:100px; height:100px; background:#f00;}
很多方法都是可以实现值控制一个li样式而不影响其他的，最简单的是给第一个li设置一个id或者设置一个单独的class，也可以使用最新的css3选择器。
工具原料：编辑器、浏览器
1、设置类或者id的方法
简单的代码示例如下：
body
ul
li id="special"111/li
li222/li
li333/li
li444/li
li555/li
/ul
style
#special{
background: #ccc;
}
/style
/body
2、使用css3的选择器
body
ul
li id="special"111/li
li222/li
li333/li
li444/li
li555/li
/ul
style
li:first-child
{
background-color:yellow;
}
/script
/body
在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 大写拉丁字母
表示和当前li同级的所有li标签。不包括父级li和子级li。
另外常用的还有lili：这个表示当前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字体
效果：
