CSS 背景图像 填充部分元素示例

填充部分元素示例

为某个元素设置CSS规则background-image 属性,则可以做到部分元素有背景颜色。

下面的示例演示如何如何给段落元素加背景。

<!DOCTYPE html>
<html>
    <head>
        <title>填充部分</title>
        <style type="text/css">
            p {
                background-image: url("https://static.collectui.com/shots/2890879/colorful-patterns-large");
                padding: 10px;
                color:#fff;}
        </style>
    </head>
    <body>
        <h1>软件开发,成就梦想</h1>
        <h2>学编程,上利永贞网 https://www.liyongzhen.com/</h2>
        <p>我们能为中国‘996’程序员做些什么?怎样才能能引起西方媒体和政府的关注?</p>
        <p>在程序员圈子里颇有名气的代码托管平台GitHub上,有人发起了一个名为“996.ICU”的项目,意为“工作996,生病ICU”,
        “996”即许多企业的程序员工作状态,从上午9点干到晚上9点,每周工作6天。这一项目得到了大量程序员的响应,自从3月26日注册以来,
        截至4月2日Star数已突破15万整数关口,表示至少有15万名程序员关注了这个项目。</p>
    </body>
</html>
 
原文地址:https://www.cnblogs.com/lsyw/p/10768697.html