CSS教程6 CSS的Border邊框

2021-08-30 18:39:37 字數 434 閱讀 3760

css borders 邊框

邊框可以運用到body裡的大部分html元素。

製作乙個元素的邊框,你需要border-style邊框樣式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具體樣式大家可以實際下。

border-width設定寬度,通常使用pixels即單位是px,同樣有四邊屬性:border-top-width, border-right-width, border-bottom-width and border-left-width。

border-color設定邊框顏色。

例子example source code [www.52css.com]

h2 設定紅色樣式為dashed的邊框,上下邊框寬度為3px,而左右為10px(後面的屬性覆蓋了前面)。

6 CSS 屬性選擇器

對帶有指定屬性的 html 元素設定樣式。可以為擁有指定屬性的 html 元素設定樣式,而不僅限於 class 和 id 屬性。注釋 只有在規定了 doctype 時,ie7 和 ie8 才支援屬性選擇器。在 ie6 及更低的版本中,不支援屬性選擇。屬性選擇器 下面的例子為帶有 title 屬性的所...

6 CSS屬性選擇器

屬性選擇器 利用標籤的屬性對樣式的生效物件進行選擇。我們在基本選擇器中學過class選擇器和id選擇器,它們也是標籤中的屬性,只是因為這兩個使用頻率很高,因此把它們抽離出來作為兩種獨立的選擇器。我們如果想利用其他系統自帶的屬性去選擇樣式的生效物件,那麼就使用屬性選擇器。格式一 基本選擇器 屬性 意義...

前端學習記錄6 CSS 外觀屬性

四種表現形式 屬性屬性值 解釋特殊點 預定義顏色值 red,green,blue,skyblue,gray等等等 最基本的英語表述顏色 十六進製制色彩 ffffff,000000 使用取色工具獲取,總共六位取值範圍為十六進製制中0 f的任意值組合排列 當出現重複字元是 例如 cccccc 可表示為 ...