div+css如何实现以下ul的背景颜色和下划线

Posted 2023-04-28

背景色，直接使用background属性即可，下划线直接使用bottom-border即可，虚线为dashed实线为solid，希望对你有帮助。 参考技术A 第一、ul的背景不是通过代码实现的，是一张图来的。
第二、下划线实现如下：
<ul>
<li style=" border-bottom:#999999 1px dashed;">网站建设</li>
<li style=" border-bottom:#999999 1px dashed;">域名注册</li>
<li style=" border-bottom:#999999 1px dashed;">虚拟主机</li>
<li style=" border-bottom:#999999 1px dashed;">邮箱企业</li>
</ul>

注释： border-bottom：下边框
#999999 边框的颜色
1px 边框的大小
dashed 边框为虚线 参考技术B 定义cLASS属性
eg:
<style>
.ttbackground-color:# ;border-bottom:
</style>
<class="tt" ul></ul> 参考技术C ulbackground:#fff;
liheight:30px;line-height:30px;border-bottom:1px dashed #000; 参考技术D div ul li display: block; width: 100px; height: 20px; border-bottom: 1px dotted #FCC; background: #ccc;

在Css中如何设置span的背景颜色和背景图片

.MeGootoo | 2012年11月10日 10:31

<span style="background-color:#FF0000">背景颜色</span>

这个是用来设置背景颜色的，展现效果如下：

可以另外设置这个宽度大小，留一些空余的地方会更好看

<span>标签是不能设置背景图片的，这个是用来设置文字的样式的。可以在span标签之前添加一个<div></div>

代码和效果如下：

参考技术A 背景颜色 background-color:#颜色代码; 例如：background-color:#ff0000;
背景图片 background-image:url(图片路径名字); 例如：background-image:url(/images/123.gif); 参考技术B 给span增加一个class，例如：
<span class="title">文字</span>
然后css里写上：
.title background: #000 url("背景图片地址"); 参考技术C 给span增加一个class，例如：
<span class="title">文字</span>
然后css里写上：
.title background: #000 url("背景图片地址");