background-color后面跟着颜色名称,或者十六位进制
代码:
<style>
p{
width:275px;
border:2px solid #0088dd;
padding:10px 50px 10px 1px;
background-color:cyan;
}
</style>
<body>
<p>I am a girl!</p>
</body>
图示:
背景图像:background-image
后面跟着url(' '),单引号里面是图片的地址链接
代码:
<style>
p{
border:2px solid #0088dd;
height:500px;
width:500px;
background-image:url('https://resource.bcgame-face2face.haorenao.cn//cxy/app/konan.jpeg');
font-size:70px;
text-align:right;
color:white;}
</style>
<body>
<p>真相只有一个</p>
</body>
图示:
例题:制作一个盒子,盒子背景色为红色,并写上“Welcome to GuangDong"文本,要求文本大小为50px,且水平居中
代码:
<style>
.box{
background-color:red;
font-size:50px;
text-align:center;
}
</style>
<body>
<div class="box">welcome to GuangDong.</div>
</body>
图示: