又一個(gè)典型css實(shí)例

更新時(shí)間：2006年12月11日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="Author" Content="PR，qq:50198763" /> 
<title>PR</title> 
<style type="text/css" media="screen"> 
<!-- 
@charset "gb2312"; 
/* PR css 全局設(shè)置 */ 
body,a,strong,input,button,h1,h2,h3,h4,h5,h6,h7 {font:12px "Arial","宋體","Tahoma","QQ 50198763",sans-serif;}/*12px大，字體優(yōu)先：Arial,然后:宋體,Tahoma,族科:sans-serif*/ 
html,body {height:100%;}/*設(shè)置瀏覽器高度為100%*/ 
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}/*設(shè)置body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6內(nèi)外補(bǔ)丁為0*/ 
div,p {display:block;}/*所有div,p為塊元素*/ 
ul,ol,dl {list-style:none;}/*所有項(xiàng)目符號(hào)顯示無(wú)*/ 
img {border:0;}/*所有圖片邊框無(wú)*/ 
a {text-decoration:none;}/*所有鏈接無(wú)修飾[上,下劃線,虛線...]*/ 
a:hover {text-decoration:underline;}/*所有鏈接鼠標(biāo)放上時(shí)為下劃線*/ 
button {cursor:pointer;}/*所有按鈕鼠標(biāo)放上時(shí)為手型標(biāo)志*/ 
/* 全局設(shè)置完畢 */ 

/* 布局 */ 
#box { width:548px; padding-bottom:8px; } 
#box h3 { height:17px; padding-top:10px; } 
#box .bg { padding:5px 10px 0; } 
/* 修飾 */ 
#box { background:url("images/left-btm.gif") no-repeat center bottom; } 
#box h3 { font-weight:bolder; font-size:12px; text-indent:2.5em; background:url("images/left-toptle.gif") no-repeat; } 
#box .bg { background:url("images/left-mid.gif") repeat-y; } 
--> 
</style> 
</head> 

<body> 
<div id="box"> 
    <h3>小狗無(wú)道</h3> 
    <div class="bg"> 
    <p>測(cè)試內(nèi)容</p> 
    <p>測(cè)試內(nèi)容</p> 
    <p>測(cè)試內(nèi)容</p> 
    </div> 
</div> 
</body> 
</html> 