自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 > HTML|CSS代码 >

background-color背景颜色

作者:灰牛站长•发布时间:2021-07-12 09:57:09•浏览

css背景缩写属性可以在一个声明中设置所有的背景属性,css背景图像支持引入多个图像.

主要属性有:background-color,background-image,background-repeat,background-position,background-attachment,background-size,background-origin,background-clip

background-color背景颜色:

  1. 指定要使用的背景颜色,例如:background-color:#ffcc00;
  2. 也可以简写为background;
  3. background-color不能继承,其默认值是transparen,意思为"透明",也就是说一个元素没有指定背景色,那么背景色就是透明的,这样其祖先元素的背景才能可见;
  4. transparent指定背景颜色应该是透明,这是默认的.
  5. 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用来控制行间距(一行文字和一行文字的垂直间距)

相关文章

  • 代码技巧之常用快捷键的整理

    代码技巧之常用快捷键的整理

    常用快捷键的整理 ctr1+C复制 ctr1+V粘贴 ctrl+Z撤销 回到上一步操作 ctr1+D复制整行 ctr1+Z剪切整行 增加/删除单行注释ctrl+/ 增加/删除多行注释ctrl+shift+/ html注释...
    2021-07-12 11.07.53
  • z-index的特点

    z-index的特点

    思路: ➥z-index的结构/定位元素默认的z-index ➥z-index单位 ➥能不能用子元素和父元素比较 ➥父元素没有z-index,能不能通过子元素控制他们的层级=改变层级...
    2021-07-12 11.07.57
  • 定位元素的异同点

    定位元素的异同点

    定位的值 position: absolute绝对定位 position: relative相对定位 position: fixed固定定位 定位的相同点和不同点 ===相同点: 可以 设置top/ bottom/ left/right四个方位值,如...
    2021-07-12 11.07.09
  • 定位之固定定位

    定位之固定定位

    固定定位- position: fixed 脱离文档流; 参照物是浏览器的可视窗口;任何元素都可以设置固定定位; 可设置top/ bot tom/left/ right四个方位 可通过z-index改变层级 !...
    2021-07-12 11.07.38
  • 定位之绝对定位

    定位之绝对定位

    定位元素元素层级元素定位滚动条 绝对定位- position: absolute;特点 脱离文档流 可以设置参照物,参照物必须是其父级元素(直系父级),如果直接父级没有会一直...
    2021-07-12 11.07.13

手机端