|
|
<!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 全局設置 */
body,a,strong,input,button,h1,h2,h3,h4,h5,h6,h7 {font:12px "Arial","宋體","Tahoma","QQ 50198763",sans-serif;}/*12px大，字體優先：Arial,然后:宋體,Tahoma,族科:sans-serif*/
html,body {height:100%;}/*設置瀏覽器高度為100%*/
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}/*設置body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6內外補丁為0*/
div,p {display:block;}/*所有div,p為塊元素*/
ul,ol,dl {list-style:none;}/*所有項目符號顯示無*/
img {border:0;}/*所有圖片邊框無*/
a {text-decoration:none;}/*所有鏈接無修飾[上,下劃線,虛線...]*/
a:hover {text-decoration:underline;}/*所有鏈接鼠標放上時為下劃線*/
button {cursor:pointer;}/*所有按鈕鼠標放上時為手型標志*/
/* 全局設置完畢 */
/* 布局 */
#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>小狗無道</h3>
<div class="bg">
<p>測試內容</p>
<p>測試內容</p>
<p>測試內容</p>
</div>
</div>
</body>
</html>
下載此文件 HTML/CSS技術：&lt;font color=red&gt;又一個典型css實例，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
