在dreamweaver中如何设置文字背景
发布网友
发布时间：2022-04-23 09:12
共3个回答
热心网友
时间：2023-09-28 19:05
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0;
padding:0;
}
#con {
width:257px;
height:127px;
background-color:#f6f6f6;
margin:100px auto;
}
.aboutz {
color:#2359a3;
font-weight:bold;
font-size:14px;
}
.abouty {
color:#b2b2b2;
font-weight:bold;
font-size:10px;
}
#conT {
height:26px;
line-height:26px;
padding-top:10px;
padding-left:19px;
background-image:url(images/sep.jpg);
background-repeat:no-repeat;
background-position:9px 15px;
}
#conB ul {
list-style:none;
padding-left:19px;
}
#conB ul li {
background-image:url(images/bg.jpg);
background-repeat:no-repeat;
width:216px;
height:25px;
line-height:25px;
list-style-image:url(images/con1.jpg);
list-style-position:inside;
}
a{
text-decoration:none;
font-size:12px;
color:#000;
display:block;
padding-left:10px;
}
a:hover{
background-image:url(images/bghover.jpg);
background-repeat:no-repeat;
width:216px;
height:25px;
color:#FFF;
}
</style>
</head>
<body>
<div id="con">
<div id="conT"><span class="aboutz">关于我们</span><span class="abouty"> About Us</span></div>
<div id="conB">
<ul>
<li class="sep"><a href="#">组织机构</a></li>
<li><a href="#">公司历史</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
</body>
</html>
以上代码效果：
热心网友
时间：2023-09-28 19:06
3行1列
然后给每个tb加上你那个蓝色的背景图追问如何设置，请指教？413209270谢谢！
追答
组织框架
公司历史
联系我们
bg.jpg就是那个蓝色的背景图片名称
如果你刚入门的话 可以在设计模式 的属性中进行手动设置 不需要自己写代码
热心网友
时间：2023-09-28 19:07
background-image：插入关于我们的这张图片的路径
