这个div 的css是如何编写的

答案：<style>
 #dldd{ font-size:14px; border:#E2E0C3 dotted 1px; width:500px;}
 #dldd dt{color:#CD7C28; font-weight:800;background:#FDF7D7; height:27px;  padding-left:10px; line-height:27px;}
 #dldd dd{ height:25px; line-height:25px; margin:0; padding-left:13px;}
 #dldd a{ color:#49688F; font-weight:600;}
</style>


<dl id="dldd">
  <dt>消息提示(6)</dt>
  <dd>·<a href="#">消息提示这一行是怎么写的</a></dd>
  <dd>·<a href="#">别跟我说是table 标签</a></dd>
  <dd>·<a href="#">用div如何实现</a></dd>
</dl>

其他：<style type="text/css">
  .ulcss{width:300px;height:30px;line-height:30px;background:url(喇叭图标地址) no-repeat 5 center;padding-left:10px;}
</style>
<div>
  <ul class="ulcss">
    <li>消息提示(4)</li>
  </ul>
</div>
颜色这些自己定义
div用于大的布局。小的地方用其他标签，比如ul这些也可以，因为div兼容问题比较多 <!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">
.d {
	font-size: 24px;
	font-weight: bold;
	background-color: #990;
	height: 60px;
	width: 100%;
	color:#F00;
}
</style>
</head>

<body>
<div class="d">消息提示（4）</div>

</body>
</html>

上一个：wordpress多个CSS样式怎么调用？
下一个：div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？

更多图片编程知识: