国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

用css網站布局之十步實錄?。ㄊ?/h1>
2020-03-22 19:22:51
字體：大 中 小
來源：轉載
供稿：網友
要繼續此教程需要IE的以前的版本進行測試，絕大部分用戶使用的是IE6.0，因此您幾乎不需要看下去了。IE中主要出問題的是IE5和IE5.5,如其不能識別css中margin值為auto，要實現層的中間對齊，需加入：Example Source Code
body {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #666666;
text-align: center;
}
但是這樣設置之后，網站的content層的文本也變成中間對齊了，我們需要讓其向左對齊，加入：Example Source Code
#page-container {
width: 760px;
margin: auto;
text-align: left;}
關于頁腳的BUG，將版權內容加入新的#copyright層中，在html中加入：Example Source Code
div id= copyright
Copyright Enlighten Designs br /
Powered by a xhref= # Enlighten Hosting /a and
a xhref= # Vadmin 3.0 /a
/div
在css文件中加入，并將#footer的padding-top: 13px;移除：Example Source Code
#footer #altnav {
clear: both;
width: 350px;
float: right;
text-align: right;
padding-top: 13px;
}
#footer #copyright {
padding-top: 13px;
}
最后要解決的BUG是當光標在導航條的被選列表項目鏈接上懸停時(如在about的網頁，body的類為about，但我們將光標移到導航條的about圖片上時)，背景圖片消失了，這就需要加入：Example Source Code
body.about li#about,
body.about li#about a,
body.about li#about a:hover,
body.services li#services,
body.services li#services a,
body.services li#services a:hover,
body.portfolio li#portfolio,
body.portfolio li#portfolio a,
body.portfolio li#portfolio a:hover,
body.contact li#contact,
body.contact li#contact a,
body.contact li#contact a:hover {
background-position: 0 -100px;
}
本教程到此結束。感謝原作者Steve Dennis，感謝Jorux的精心翻譯！ 本文作者:html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

主站蜘蛛池模板： 平江县| 聊城市| 酉阳| 湄潭县| 顺义区| 台江县| 台前县| 莱州市| 措勤县| 巴东县| 寻甸| 西华县| 句容市| 宁阳县| 抚宁县| 江西省| 巴彦淖尔市| 黔西| 建水县| 黔江区| 本溪市| 乌什县| 新竹县| 商水县| 云林县| 抚宁县| 黄山市| 普定县| 昆明市| 东宁县| 远安县| 丰顺县| 望都县| 抚松县| 鸡东县| 夹江县| 北宁市| 绥滨县| 宣汉县| 合山市| 安塞县|