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