background背景相关之背景颜⾊
css背景缩写属性可以在⼀个声明中设置所有的背景属性,css背景图像⽀持引⼊多个图像.
主要属性有:background-color,background-image,background-repeat,background-position,background-attachment,background-
size,background-origin,background-clip
background-color背景颜⾊:
指定要使⽤的背景颜⾊,例如:
也可以简写为background;
background-color不能继承,其默认值是transparen,意思为"透明",也就是说⼀个元素没有指定背景⾊,那么背景⾊就是透明的,这样其祖先元素的背景才能可见;
transparent指定背景颜⾊应该是透明,这是默认的.
inherit指定背景颜⾊,应该从⽗元素继承.
background-color代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
css设置文字垂直居中h3{
width: 650px;
height: 32px;
/* */
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⽤来控制⾏间距(⼀⾏⽂字和⼀⾏⽂字的垂直间距)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论