DIVCSS 第三章 CSS背景与列表_网站教程_教程吧

fdcyf

注册会员2020-03-29 10:26:19

DIVCSS 第三章 CSS背景与列表

今天是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")

复制代码

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

"收藏是宝，翻阅是金"

加入收藏

本站文章如没有特殊说明，均采集网上收集，若要转载请务必注明出处，尊重他人劳动成果共创和谐网络环境。声明：某些文章来源于网络，所采集的到信息本站只为传递信息和分享，不做任何双方证明，也不承担任何法律责任。文章内容若侵犯你的权益，请联系本站客服删除！本文地址:https://eyocms.com/article/course/519.html

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

16点赞

人阅读