ulli表格换行Word下载.docx
- 文档编号:20367285
- 上传时间:2023-01-22
- 格式:DOCX
- 页数:5
- 大小:15.47KB
ulli表格换行Word下载.docx
《ulli表格换行Word下载.docx》由会员分享,可在线阅读,更多相关《ulli表格换行Word下载.docx(5页珍藏版)》请在冰豆网上搜索。
width:
290px;
overflow:
hidden;
float:
left;
}
调用:
篇二:
ul与li样式详解
css中的ul与li样式详解
ul和li列表是使用css布局页面时常用的元素。
在css中,有专门控制列表表现的属性,常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性。
一、list-style-type属性
list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰。
list-style-type属性是一个可继承的属性。
其语法结构如下:
(列举一些常用的属性值)
list-style-type:
none/disc/circle/square/demical/lower-alpha/upper-alpha/lower-roman/upper-roman
list-style-type属性的属性值有很多,在这里我们只是列举了比较常用的几个。
none:
不使用项目符号。
disc:
实心圆。
circle:
空心圆。
square:
实心方块。
demical:
阿拉伯数字。
lower-alpha:
小写英文字母。
upper-alpha:
大写英文字母。
lower-roman:
小写罗马数字。
upper-roman:
大写罗马数字。
使用list-style-type属性的示例代码如下:
li{
square;
这里是列表内容
该样式应用到页面的效果如下图所示。
二、list-style-image属性
list-style-image属性用来定义使用图片代替项目符号。
它也是一个可继承属性,其语法结构如下:
list-style-image:
none/url
list-style-image属性可以取两个值:
没有替换的图片。
url:
要替换图片的路径。
来看一段代码:
url(images/bg03.gif);
效果如下图。
三、list-style-position属性
list-style-position属性,是用来定义项目符号在列表中显示位置的属性。
它同样是一个可继承的属性,语法结构如下:
list-style-position:
inside/outside
inside:
项目符号放置在文本以内。
outside:
项目符号放置在文本以外。
使用list-style-position属性的示例如下:
outside;
这里是使用list-style-position属性值为outside的示例。
请注意换行以后项目符号的位置。
效果如下图所示。
再来看一下属性值为inside的样式。
inside;
这里是使用list-style-position属性值为inside的示例。
四、list-style属性
list-style属性是综合设置li样式的属性,也是一个可以继承的属性,语法结构如下:
li-style:
list-style-type/list-style-image/list-style-position
各个值的位置可以交换。
比如:
list-style:
url(images/bg03.gif)inside;
这里是使用list-style属性的示例。
这里是列表内容
可以看一下应用到页面的效果。
篇三:
网站制作中ul和li的常用属性
网站制作中ul和li的常用属性
在diV+css网站模式中,ul和li是经常会用到的两个标签,常见的控制列表属性:
list-style-type属性
list-style-image属性
list-style-position属性
list-style属性
一、list-style-type属性介绍:
作用:
用来定义li项目列表符的样式,其常用样式如下:
不使用项目符号;
disc:
实心圆;
circle:
空心圆;
square:
实心方块;
demical:
阿拉伯数字;
lower-alpha:
小写英文字母;
upper-alpha:
大写英文字母;
lower-roman:
小写罗马数字;
upper-roman:
案例:
项目符号前为方块:
css样式:
li{list-style-type:
body内容:
列表
二、list-style-image属性介绍:
定义项目符号的图(ul,li,表格,换行)片样式,可是一个继承属性,常用语法如下:
没有替换的图片;
url:
以images中的1.gif作为项目符号定义:
li{list-style-image:
url(images/1.gif);
图片列表
三、list-style-position属性介绍:
定义项目符号在列表中的显示位置,此属性也可作为一个继承性的属性,常用语法如下:
inside:
项目符号放置在文本以内;
outside:
案例一:
定义项目符号放在文本以外:
用list-style-position:
outside定义项目符号放在文本以外
(换行以后注意查看项目符号位置)
定义项目符号放在文本以外
定义项目符号放在文本以内:
inside定义项目符号放在文本以内
四、list-style属性介绍:
设置li的属性,此属性也可作为一个继承性的属性,常用语法如下:
li{list-style:
url(images/1.gif)inside;
文章来源于30建站,转载请注明出处!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ulli 表格 换行