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

首頁 > 開發 > CSS > 正文

CSS 制作網頁導航條(上)

2024-07-11 08:46:16
字體：大 中 小
來源：轉載
供稿：網友
課程開始：
      前三節課，我們知道了什么是“內容塊狀元素和內聯元素”，以及XHTML+CSS布局的核心概念“盒子模型”，同時又學習了一下頁面布局中兩種方法中的一種方法“浮動”，這次我們就利用這三個概念，來制作一款，經典的導航條，別看它其貌不揚，可是網上所有的導航條都可以再它的基礎上修改而來喲~，厲害吧~！其實理論都是一樣的，只要你能理解并學會這節課的內容，以后再困難的導航條你都可以很應對，EASY  ！！！
      OK！我們要做的導航條的效果如下：
      鼠標移動上去背景變黑，并且字體顏色變成白色
      
其實做這款導航條很容易的，你只需要動動鼠標敲敲鍵盤，跟著KwooJan做就是了，呵呵

【第一步】我們要先做一個容器（要求：ID為“nav”，寬度為960px，高度為：35px，位于頁面水平正中，與瀏覽器頂部的距離是30px；),這個容器就是放我們的導航的喲~代碼如下：
HTML代碼：
<div id="nav"></div>

CSS代碼：

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 东莞市| 新野县| 开平市| 肇州县| 古浪县| 太和县| 南华县| 兴业县| 观塘区| 霍州市| 巴东县| 新河县| 铁岭县| 南康市| 张家港市| 建德市| 印江| 梁平县| 烟台市| 伊宁市| 和龙市| 沭阳县| 汕尾市| 大港区| 咸丰县| 新田县| 富蕴县| 太谷县| 海伦市| 电白县| 云霄县| 新津县| 安仁县| 德庆县| 平湖市| 胶南市| 中宁县| 商南县| 乌兰察布市| 临西县| 宕昌县|