DIVCSS 第三章 CSS背景与列表

分类：网站教程时间： 2020-03-29 10:26:19 浏览：点赞：（16）

今天是CSS的第三章，主要涉及内容1、CSS 中背景的使用；2、CSS 中列表的使用。

一、CSS 中背景的使用

属性名称	属性值	说明
background-attachment	scroll	设置背景图像会随视窗滚动条的移动而移动。
	fixed	设置背景图像不会随视窗滚动条的移动而移动。
background-color	十六进制	background-color:#ff0000;
	英文名称	background-color:red;
	三原色	background-color:rgb(255,0,0)
	transparent	background-color:transparent;透明
background-image	URL	background-image:url("bg.jpg")背景图片
	none	不设置背景图片
background-position	top left	设置背景图案出现在上左方
	top center	设置背景图案出现在上方中间
	top right	设置背景图案出现在上右方
	center left	设置背景图案出现在中间左方
	center center	设置背景图案出现在IE中间
	center right	设置背景图案出现中间右方
	bottom left	设置背景图案出现在下左方
	bottom	设置背景图案出现在正下方
	bottom right	设置背景图案出现在下右方
background-repeat	repeat	将背景图案填满整个背景
	repeat-x	将背景图案在水平方向添满
	repeat-y	将背景图案在垂直方向添满
	no-repeat	图案只出现一次

背景图案简化方案：

background: 颜色背景图片 repeat attachment position;

复制代码

二、CSS中列表的使用

属性名称	属性值	说明
list-style-type	none	无符号
	disc	实体的小圆点
	circle	空心的小圆点
	square	实心的小方块
	decimal	1,2,3...
	lower-roman	i,ii,iii...
	upper-roman	I,II,III...
	lower-alpha	a,b,c,d,e...
	upper-alpha	A,B,C,D,E...
list-style-position	inside	清单项目较往右移
	outside	清单项目正常显示
list-style-image	URL	list-style-image:url(lmk.gif)
	none	不会显示任何图象

清单的简化设置：

list-style:circle inside url("bullet.gif")

复制代码

感谢站帮网提供的分享，本教程归属站帮网提供，如有侵权请联系本站长删除谢谢

css css教程网页样式建站技巧怎么建站 CSS教材

1. 本站所有资源来源于用户上传或网络，仅作为参考研究使用，如有侵权请邮件联系站长！
2. 本站所有帖子均有严格审核，某些帖子均采集网上收集，一切只为研究学习作用，不可商用！如果商用请自行负责！
3. 本站强烈打击盗版/破解等有损他人权益和违法作为，请各位会员支持正版！
4. 会员请遵守本站《网站管理条例》，做到勿传播，勿侵权，请尊重相关版权方劳动成果！如有违反自行负责~