DIVCSS 第三章 CSS背景与列表

[复制链接]
ARCHY明星会员实名认证 发表于 2012-8-31 19:40:04 [DIVCSS] 显示全部楼层 |阅读模式 上一主题 下一主题
ad广告
ad广告

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
今天是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 图案只出现一次


背景图案简化方案:
  1. 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 不会显示任何图象


清单的简化设置:
  1. list-style:circle inside url("bullet.gif")
复制代码
查看第二章 CSS文字与文本
如果第一次接触css,建议先看看:10天学会HTML教程




上一篇:第二章 CSS文字与文本
下一篇:如何修改服务器上传附件大小限制

大神点评11

絕版BE 发表于 2012-8-31 19:47:57 [DIVCSS] 显示全部楼层
支持,值得学习
 发表于 2012-8-31 20:26:57
转播微博
clswang 发表于 2012-8-31 21:43:22 [DIVCSS] 显示全部楼层
非常的值得学习了啊
www.huaguow.com www.hanfanba.com www.shuyangweb.com www.qiwenguan.cn cygs.org
章鱼小丸子 发表于 2012-9-11 09:53:03 [DIVCSS] 显示全部楼层
以前学过 可是老要忘记
jingjinxin 发表于 2012-12-15 10:37:09 [DIVCSS] 显示全部楼层
好贴,学习了!感谢楼主分享。
光影 发表于 2013-1-24 10:40:20 [DIVCSS] 显示全部楼层
∫符号请问,
www.whrailway.com  出售3K
xzqifan 发表于 2013-2-25 22:04:00 [DIVCSS] 显示全部楼层
却是不错 ,又多学了点!
干嘛把 发表于 2014-6-17 02:39:06 [DIVCSS] 显示全部楼层
独守寒窗月漫漫,静思春夜雨蒙蒙。我自流连随风笑,凡人痴梦各不同。
新闻代发、企业站代运营,加QQ:3221474327
sanenchi 发表于 2014-7-8 15:19:33 [DIVCSS] 显示全部楼层
记住忘记 再记住 又忘记
凤凰代理 发表于 2014-7-15 23:35:09 [DIVCSS] 显示全部楼层
真是有太多东西值得学习
东森、世爵、凤凰注册开户:http://www.fenghuang588.com/
邦妮儿 发表于 2015-9-19 17:11:15 [DIVCSS] 显示全部楼层
工场是互联网教育践行者,针对互联网企业岗位提供在线直播,视频教程和多种形式的教学服务,帮助学习者快速进入互联网行业,并不断引进国内外先进的在线教育理念和技术,努力打造国内在线学习平台第一品牌
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表