在dreamweaver中如何设置文字背景

发布网友发布时间：2022-04-23 09:12

共3个回答

热心网友时间：2023-09-28 19:05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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

用table布局
3行1列
然后给每个tb加上你那个蓝色的背景图追问如何设置，请指教？413209270谢谢！

追答

组织框架

公司历史

联系我们

bg.jpg就是那个蓝色的背景图片名称

如果你刚入门的话可以在设计模式的属性中进行手动设置不需要自己写代码

热心网友时间：2023-09-28 19:07

用<div>布局加入css 样式
background-image：插入关于我们的这张图片的路径