hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

css background-color属性怎样用?【html5教程】

2019-11-26HTML搜搜PHP网43°c
A+ A-
background-color属性是用来设置元素的背景色彩(纯色)的,这类色彩会添补元素的内容、内边距和边框地区,扩展到元素边框的外边境(但不包含外边距)。

CSS background-color属性

作用:设置元素的背景色彩。

background-color:色彩值;

申明:background-color 属性为元素设置一种纯色背景。这类色彩会添补元素的内容、内边距和边框地区,扩展到元素边框的外边境(但不包含外边距)。假如边框有通明部份(如虚线边框),会透过这些通明部份显示出背景色。

提醒:运用背景色和文本色彩,使文本易于浏览。

CSS background-color属性的运用示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
p.no2 {background-color: gray; padding: 20px;}
</style>
</head>
<body>
<h1>这是题目 1</h1>
<h2>这是题目 2</h2>
<p>这是段落</p>
<p class="no2">这个段落设置了内边距。</p>
</body>
</html>

效果图:

以上就是本篇文章的全部内容,愿望能对人人的进修有所协助。更多精彩内容人人能够关注ki4网相干教程栏目!!!

以上就是css background-color属性怎样用?的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
css background-color属性怎样用?【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章