使用CSS建立Digg樣式風格的導航欄或選單

2022-03-16 02:48:34 字數 793 閱讀 3835

本教程講述了如何使用圓角設計乙個digg樣式風格的導航欄。達到下面這樣的效果(via woork)

1.建立乙個html頁面,並把下面的**複製貼上到標籤內:

「topbar」

>

「p1.html」

>

all「p2.html」

class=

「active「

>

news

「p3.html」

>

video

「p4.html」

>

images

「middlebar」

>

「p1.html」

>

technology

「p2.html」

>

world

「p3.html」

>

science

「p4.html」

>

gaming

注意看class=」active」,這就是我們要設定的預設情況下啟用的鏈結樣式。

2. 建立導航採單所需要的圓角背景,下面的向你展示了分別什麼樣的圓角及它們都應用於哪些html元素中。

3.把下面的**複製並貼上到你的style.css樣式表中

#topbar

#topbar a

a.active

a.active span

4.再在style.css檔案中放入下面的**

#middlebar

#middlebar a

#middlebar a span

CSS 樣式表書寫風格分析

關於書寫習慣,遵循曾經 總結過的風格 標準,現在一點都沒有變。並且近來翻看高手作品,橫向連排似乎在大產品專案中逐漸成為主流,個人認為如此維護效率的確更高,並且未來顯示器肯定是朝越來越大 越來越寬發展。nbskuwobqsuyp 通常我維護別人作品第一步都是調整空格,基本下圖這個造型的樣式表都是我寫的...

CSS 樣式使用

attribute 用於選取帶有指定屬性的元素。attribute value 用於選取帶有指定屬性和值的元素。attribute value 用於選取屬性值中包含指定詞彙的元素。attribute value 用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。attribute valu...

CSS建立(樣式表引入)

一 如何插入樣式表 1.外部樣式表 2.內部樣式表 3.內聯樣式 二 外部樣式表詳解 每個頁面使用標籤鏈結到樣式表,標籤在 文件的 頭部。瀏覽器會從檔案mystyle.css中讀到樣式宣告,並格式化檔案。外部樣式表mystyle.css注意事項 1 檔案不能包含任何html標籤。2 樣式表應該以.c...