<!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=gb2312" />
<title>列表、边框</title>
<style type="text/css">
body,ul,div,p{
margin:0;
padding:0;
}
ul{
background:#ccc;
list-style:none outside none;
}
p{
background:#ccc;
border:8px solid pink;
}
div{
background:gold;
width:500px;
height:100px;
border-top:5px dashed blue;
border-right:10px solid green;
}
</style>
</head>
<body>
<h1>CSS列表属性(list)：</h1>
<ul>
<li>list-style-image 将图象设置为列表项标志。</li>
<li>list-style-position 设置列表中列表项标志的位置。</li>
<li>list-style-type 设置列表项标志的类型。</li>
<li>开发中，通常设置用简写属性，如：</li>
</ul>
<h1>CSS控制边框属性：</h1>
<div>1.设置边框粗细 border-top-width:12px;</div>
<div>2.设置边框样式 border-top-style:solid(实线)/dashed(虚线)</div><br />
<p>
3.设置边框颜色 border-top-color:#ccc;<br />
4.设置某一边框属性的快捷方法 border-边框位置：线宽 线型 颜色;<br />
5.设置某一元素四条边框属性的简捷方式(仅限于四条边框属性完全相同) border:线宽 线型 颜色;
</p>
</body>
</html>
原文地址：http://1154179272.blog.51cto.com/10217799/1657187
