布景可以设备突变色彩，可以自己点窜。

HTML代码

layui-box layui-code-view" style="margin-top: 0px; margin-bottom: 10px; padding: 9.5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: pre-wrap; overflow-wrap: break-word; box-sizing: border-box; position: relative; font-size: 13px; border: 1px solid rgb(204, 204, 204); background-color: rgb(245, 245, 245); color: rgb(51, 51, 51); font-family: Menlo, Monaco, Consolas, "Courier New", monospace; overflow: auto; line-height: 1.42857; word-break: break-all; border-radius: 4px;">
code
 <!--首页笔墨广告-->
        <div class="text-gg">
   <a target="_blank" href="https://www.v6g.cn">
<div>
<p>广告招租3RMB</p>
<p>点击拜候</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击拜候</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击拜候</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击拜候</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击拜候</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击征询</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击征询</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击征询</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击征询</p>
</div>
</a>
<a target="_blank" href="javascript:;">
<div>
<p>广告招租3RMB</p>
<p>点击征询</p>
</div>
</a>
</div>

CSS代码

code
.text-gg{/*笔墨广告*/
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
border-radius:10px;
}
.text-gg a{
color: rgba(0,0,0,.6);
font-size: 14px;
font-weight: bold;
line-height: 30px;
text-align: center;
text-decoration: none;
display: block;
width: 20%;
height: 30px;
overflow: hidden;
position: relative;
margin: 1px 0;
}
.text-gg a div{
width: 100%;
height: 60px;
padding: 1px;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
transition: all .2s;
}
.text-gg a:hover div{
transition: all .3s;
color: #fff;
top: -40px;
text-shadow: 0 2px 3px rgba(0,0,0,.6);
}
.text-gg a div :nth-child(1){
    background: linear-gradient(to right,#ffc0cb, #fff,#ffc0cb);
}
.text-gg a div :nth-child(2){
    background: linear-gradient(to right,#aedefc,#b4b4ff);
}

代码放到网站头部便可以利用了，css你可以写入全局加载里面，也可以间接写在头部，不外要加一个<style>标签