1、利用Dreamweaver新建一个html页面。
2、在body里面输入代码
<ul>
<li>你好</li>
<li>小鱼</li>
<li>小小</li>
</ul>。
3、默认的样式是这样的。
4、编辑li标签的css样式。
5、float:left代表的是元素左对齐。这样li标签就可以横排显示了,list-style:none用来去除li标签前面的小圆点。
列表<ul><li></li></ul>,其中ul是块级元素,li也是块级元素,怎么知道是不是块级元素?
给他们分别加上不同的background,给他们设定一定的width和height你就可以清晰的知道了。
li标签的css样式名称是current其中要说明的就是楼上说的有点小问题,li是dw的默认标签所以不需要调用class,直接设置完css之后li即可生效。不过它控制的是所有的li.如果要控制单个要分开定义css样式,然后再用class或id调用.
在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 大写拉丁字母