cssli样式模板,css div模板

一行显示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://bzwzjz.com/article/dsiosdj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都商城网站建设 成都网站建设公司 达州网站设计 梓潼网站设计 成都网站建设 营销型网站建设 高端网站建设 成都网站建设 营销型网站建设 成都网站制作 网站设计公司 企业网站设计 成都网站设计 手机网站建设套餐 网站建设 外贸营销网站建设 响应式网站设计 成都网站建设 定制网站设计 成都网站制作 攀枝花网站设计 成都定制网站建设