16_列表、边框.html


<!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>


你可能感兴趣的:(边框.html,16_列表)