一行显示3个的CSS怎么写?
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标签前面的小圆点。
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水平显示
将li的样式设置成以下例子:display:inline;line-height:24px;height:auto;word-break:break-all;word-wrap : break-word ;可以修改一下,到适合你的要求。
新闻标题:cssli样式模板,css div模板
当前链接:http://lswzjz.com/article/dsiosdj.html