首页 > Web开发 > 详细

CSS 背景

时间:2019-09-14 15:36:08      阅读:82      评论:0      收藏:0      [点我收藏+]
<style>
h1
{
    background-color:#6495ed;
}
p
{
    background-color:#e0ffff;
}
div
{
    background-color:#b0c4de;
}
</style>

背景颜色和图片插入

<style>
body 
{
    background-image:url(‘paper.gif‘);
    background-color:#cccccc;
}
</style>

<style>
body
{
         background-coolor:rgb(222,222,222);
}

直接铺

<style>
body
{
    background-image:url(‘gradient2.png‘);
}
</style>

水平铺

<style>
body
{
    background-image:url(‘gradient2.png‘);
    background-repeat:repeat-x;
}
</style>

设置定位+不平铺

<style>
body
{
    background-image:url(‘img_tree.png‘);
    background-repeat:no-repeat;
}
</style>

背景图片不重复,设置 position 实例。

背景图片只显示一次,并与文本分开。

实例中还添加了 margin-right 属性用于让文本与图片间隔开。

<style>
body
{
    background-image:url(‘img_tree.png‘);
    background-repeat:no-repeat;
    background-position:right top;
    margin-right:200px;
}
</style>

 

CSS 背景

原文:https://www.cnblogs.com/claudia529/p/11519134.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!