填充部分元素示例

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

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

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。 <!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 >   以上图像素材来源  http://collectui.com/challenges/background-pattern

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄