CSS-盒子背景颜色

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>

图示:


例题图示
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容