CSS 背景

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css_back.css"/>
    </head>
    <body>
        <div id="div1">
            this is a text
        </div>
    </body>
</html>
复制代码
复制代码
body{
    /* 默认水平垂直都重复 */
    background-image: url(img.jpg);
    /* 仅在水平重复 */
    background-repeat: repeat-x;
    background-position: bottom;
    /* 固定fixed 还是随页面滚动 scroll */
    background-attachment: fixed;
}
#div1{
    background-color: green;
    opacity: 0.5;/*透明度*/ 
    background: rgba(0, 128, 0, 0.3) /*背景色透明*/
}
复制代码

 

posted @   lwx_R  阅读(12)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示