css背景缩写属性可以在一个声明中设置所有的背景属性,css背景图像支持引入多个图像.
主要属性有:background-color,background-image,background-repeat,background-position,background-attachment,background-size,background-origin,background-clip
background-color背景颜色:
- 指定要使用的背景颜色,例如:background-color:#ffcc00;
- 也可以简写为background;
- background-color不能继承,其默认值是transparen,意思为"透明",也就是说一个元素没有指定背景色,那么背景色就是透明的,这样其祖先元素的背景才能可见;
- transparent指定背景颜色应该是透明,这是默认的.
- inherit指定背景颜色,应该从父元素继承.
background-color代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> h3{ width: 650px; height: 32px; /* background-color: orange; */ background: orange;/*简写*/ color: #fff; text-align: center; line-height: 32px; } div{ width: 200px; height: 200px; background-color: darkcyan; margin: 0 auto; } </style> </head> <body> <h3>一个牛掰的seoer掌握几门程序语言必不可少</h3> <div></div> </body> </html>
background-color可以简写为background,文本对齐方式text-align,包含为center居中对齐,left居左对齐,right居右对齐
块元素和文本对齐
text-align:center控制文字内容居中,margin:0 auto控制块级元素居中
height和line-height一致,文字内容垂直居中,line-height用来控制行间距(一行文字和一行文字的垂直间距)
转载请注明:大灰牛博客 » background-color背景颜色