背景与列表

15.1css中的背景与列表
属性:
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 背景图像在上左方
(2) top center 上方中间
top right 上右方
center left 中间左方
center center IE中间
center right 下左方
bottom 正下方
bottom right 下右方

background(1) repeat 将背景图案填满整个背景
repeat-x 水平填满
-y 垂直填满
no-repeat 背景图案只出现一个
简化方案:
background:颜色 背景图片 repeat attachment position
red url(xx.jpg)(1)(2)

15.2css中 列表的使用
属性:
list-style-type none 无符号
disc 实体的小圆点
cirele 空心的小圆点
square 实心的小方块
decimal 1,2,3...
lower-roman i,ii,iii...
upper-roman I,II,III...
lower-alpha a,b,c...
upper-alpha A,B,C...

list-style-position inside 清单项目往右移
outside 正常显示

list-style-image URL list-style-image:url(xx.gif)
none 不显示任何图像

清单简化设置:
list-style-circle inside url("xx.gif")

时间: 2024-10-07 10:17:13

背景与列表的相关文章

CSS背景、列表、盒子模型

本章内容: CSS背景 CSS列表 一.CSS背景 A.背景颜色 background-color:颜色 | transparent(透明色) B.背景图片 background-image:url | none 注意:当同时设置了图片和背景颜色时,图片会覆盖颜色 background-repeat:repeat (重复/默认)| no-repeat(不重复) | repeat-x(s轴重复) | repeat-y(y轴重复) 当一张图片没有容器大时,图片默认复制自己填充容器: backgrou

CSS背景与列表

CSS中背景的使用 CSS中列表的使用 15.1 CSS中背景的使用         属性名称                             属性值                                 说明 background-attachment     scroll            设置背景图像会随视窗滚动 条的移动而移动. fixed             设置背景图像不会随视窗滚动条 的移动而移动. background-color        十六进制

背景图+列表+伪类选择器

Background-color|image|position|repeat 颜色图片位置重复 图片优先 CSS Sprites雪碧图:减少http请求,减小服务器压力.一张大图,通过背景偏移position截取小图. Li列表 list-style list-style-image list-style-position list-style-type <a>标签伪类选择器 link 未访问 visited 已访问 hover 悬停 可用于其他元素 active 点击 可用于其他元素

css(字体,文本,边距,边框,阴影,背景,渐变,多重背景,列表)

此文章仅为转发,非原创,原文http://www.cnblogs.com/zhuanggege/p/5758365.html 请支持原创 font-family 设置字体名称 可以使用多个名称,用逗号分隔,浏览器则按照先后顺序依次使用可用字体 p { font-family:'宋体','黑体','Arial'; } font-size 设置字体大小 length 用长度值指定文字大小,不允许负值 percentage 用百分比指定文字大小,其百分比取值是基于父对象中字体的尺寸,不允许负值 fon

css基础-盒子模型+背景和列表

border-style的值: none 无 dotted 点状 dashed 虚线 solid 实线 double 双实线 margin: 垂直方向两个相邻元素都设置了外边距,那么外边距会发生合并 合并高度=两个发生合并的外边距中的较大值 元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框 元素在页面中实际所占的高度是:上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距 hover属性实现鼠标悬停时显示子元素: <!DOCTYPE html> <html>

web前端入门到实战:css盒子模型+背景和列表

border-style的值: none 无 dotted 点状 dashed 虚线 solid 实线 double 双实线 margin: 垂直方向两个相邻元素都设置了外边距,那么外边距会发生合并 合并高度=两个发生合并的外边距中的较大值 元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框 元素在页面中实际所占的高度是:上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距 hover属性实现鼠标悬停时显示子元素: 专门建立的学习Q-q-u-n: 784783012 ,分享

文本、背景、列表、换图

word-spacing:单词之间的距离: letter-spacing:自负之间的距离: white-space:no-wrap:同一行显示所有文本|pre保留所有的空格换行符: 垂直对齐方式:vertical-align:top.middle.bottom[处理两个元素(文本与图片)对齐时同时使用] text-transform:字母大小写转换uppercase:lowercase:capitalize第一个字母大写: text-shadow:水平值 垂直值 模糊半径 颜色: backgro

用图片做div背景的列表布局 CSS代码

思路: 1.因为是竖型列表,所以外层用 相对定位,这样 在不会重叠在一起 relative 2.里面用绝对位置 absolute,覆盖在图片上面 3.这里有个小技巧,我里面有个特效,文字竖立,并向右旋转90度(webkit 内核)width: 20px; font-size: 20px; -webkit-transform: rotate(90deg); <div style="position: relative; max-width: 560px; min-height: 115px;

css背景-边框-文本

一.CSS3背景 属性列表 background background-color background-image background-repeat background-attatchment background-position background-origin background-clip background-size 1.CSS3背景原点属性 background-origin 设置或检索对象的背景图像计算background-position时的参考原点位置 IE8 Fir