CSS背景

作者: convertible | 来源:发表于2018-01-23 08:33 被阅读0次

背景颜色

background-color属性定义了元素的背景颜色
CSS中,颜色值通常以以下方式定义:
十六进制 - 如:"#ff0000"
RGB - 如:"rgb(255,0,0)"
颜色名称 - 如:"red

背景图像

background-image 属性描述了元素的背景图像.
默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.
1.水平平铺
background-repeat:repeat-x;
2.垂直平铺
background-repeat:repeat-y;
3.不平铺
background-repeat:no-repeat;
4.设置定位
background-position:right top;

  1. [background-attachment] | 背景图像是否固定或者随着页面的其余部分滚动。

简写属性
background
当使用简写属性时,属性值的顺序为::
background-color
background-image
background-repeat
background-attachment
background-position
以上属性无需全部使用,你可以按照页面的实际需要使用.

文本格式

1.文本颜色
颜色是通过CSS最经常的指定:
十六进制值 - 如: #FF0000
一个RGB值 - 如: RGB(255,0,0)
颜色的名称 - 如: red
2.文本的对齐方式
文本排列属性是用来设置文本的水平对齐方式。
文本可居中或对齐到左或右,两端对齐.
当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。
3.文本修饰
text-decoration 属性用来设置或删除文本的装饰。
从设计的角度看 text-decoration属性主要是用来删除链接的下划线
a {text-decoration:none;}
h1 {text-decoration:overline}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
4.文本转换
文本转换属性是用来指定在一个文本中的大写和小写字母。
可用于所有字句变成大写或小写字母,或每个单词的首字母大写。
所有字母变成大写:p.uppercase {text-transform:uppercase;}
所有字母变成小写:p.lowercase {text-transform:lowercase;}
首字母变成大写:p.capitalize {text-transform:capitalize;}
5.文本缩进
文本缩进属性是用来指定文本的第一行的缩进。
p {text-indent:50px;}
6.指定字符之间的间距
p {letter-spacing:??px;}
7.指定行之间的间距
p.big {line-height:110%;}
8.增加单词间的空白空间
p { word-spacing:30px;}
9.禁用文字环绕
p {white-spce:nowrap}
10.添加文本阴影
h1 {text-shadow:2px 2px #FF0000;}
11.垂直对齐图像
img.top {vertical-align:text-top;}
img.bottom {vertical-align:text-bottom;}

unicode-bidi:设置或返回文本是否被重写

相关文章

  • CSS样式

    CSS背景 CSS字体 CSS链接 CSS 列表 CSS 表格 CSS轮廓 CSS背景 1、背景色 ba...

  • Html-CSS 背景设置

    CSS 背景 CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果: background-col...

  • CSS3 背景

    知识点: CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • CSS样式-背景(background)

    CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片, 以及来进行图片设置。 背景图...

  • CSS常用的属性和值

    CSS文本 CSS字体 CSS背景

  • CSS背景

    CSS背景(background) 目标 理解背景的语法和作用CSS背景图片和插入图片的区别 应用通过CSS背景属...

  • CSS背景、文本、字体、链接、列表、轮廓

    CSS背景 CSS文本 CSS字体 CSS链接 CSS列表 CSS轮廓

  • CSS3 背景

    @(HTML5)[背景] [TOC] 三、CSS3背景 CSS背景属性回顾 背景单个属性 background-i...

  • CSS background背景

    CSS背景属性 CSS背景属性用于设置HTML元素的背景(填充),复合属性 background 可以用来设置背景...

网友评论

      本文标题:CSS背景

      本文链接:https://www.haomeiwen.com/subject/dnclaxtx.html