又一個(gè)典型css實(shí)例
更新時(shí)間：2006年12月11日 00:00:00 作者：
復(fù)制代碼 代碼如下:
<!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)顯示無*/
img {border:0;}/*所有圖片邊框無*/
a {text-decoration:none;}/*所有鏈接無修飾[上,下劃線,虛線...]*/
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>小狗無道</h3>
<div class="bg">
<p>測(cè)試內(nèi)容</p>
<p>測(cè)試內(nèi)容</p>
<p>測(cè)試內(nèi)容</p>
</div>
</div>
</body>
</html>
下載此文件
相關(guān)文章
低版本IE正常運(yùn)行HTML5+CSS3網(wǎng)站的3種解決方案
現(xiàn)在我們可以選擇瀏覽器非常多，所以瀏覽器的環(huán)境也是種類繁多，同一個(gè)瀏覽器也是包含各種不同的版本，不同的版本之間的渲染方法也存在差異，它們支持的 HTML5、CSS3 特性恐怕也不盡相同。這種情況于是造成Web開發(fā)者在開發(fā)網(wǎng)站時(shí)，要面對(duì)數(shù)量龐大的瀏覽器種類2014-03-03
div結(jié)合css布局bbs首頁(yè)(div+css布局入門)
最近趁離職，我在做一個(gè)論壇系統(tǒng)，練練手，需要一個(gè)論壇首頁(yè)的html頁(yè)面，深知自己美工極差，心里很苦啊。于是買了本div+css網(wǎng)站布局的書，沒想到講得還不錯(cuò)，感覺長(zhǎng)進(jìn)很快，于是磨拳擦掌非要自己寫一個(gè)不可，高手末笑。代碼伺候。2008-11-11
dhtml shtml xhtml的區(qū)別解析...2007-06-06
收集了一些CSS Hack方便解決令人頭疼的兼容性問題的時(shí)候查詢2008-04-04
網(wǎng)頁(yè)布局設(shè)計(jì)的標(biāo)準(zhǔn)尺寸
許多的網(wǎng)頁(yè)設(shè)計(jì)在進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)時(shí),進(jìn)行界面網(wǎng)頁(yè)的寬度尺寸設(shè)計(jì)都比較迷茫,800*600尺寸及1024*768尺寸的分辨率下,網(wǎng)頁(yè)應(yīng)該設(shè)計(jì)為多少像素才合適呢?太寬就會(huì)出現(xiàn)水平滾動(dòng)條了,下面我們就網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)尺寸進(jìn)行講解.2008-03-03
DIV+CSS經(jīng)常用到的屬性、參數(shù)及說明
用過DIV+CSS seo教程布局網(wǎng)站的人都會(huì)喜歡上這種方式，雖然開始沒有用傳統(tǒng)的table直觀，但用習(xí)慣了就會(huì)感覺出DIV+CSS的優(yōu)越。實(shí)際應(yīng)用中我搜索了DIV+CSS的常用定義項(xiàng)，并對(duì)其參數(shù)作了歸納和說明，與喜歡DIV+CSS的朋友共享。2008-09-09
css靜態(tài)濾鏡 + A:Hover...2006-11-11
在iframe中隱藏橫向滾動(dòng)條的方法大全...2007-01-01
創(chuàng)建無表格網(wǎng)站的原因和原則 譯文
創(chuàng)建無表格網(wǎng)站的原因和原則 譯文...2007-03-03
Iframe自適應(yīng)其加載的內(nèi)容高度...2007-01-01