Web前端 11 css 邊框屬性

2021-09-01 05:45:31 字數 1200 閱讀 7257

1.border屬性

(1)border:復合屬性,設定物件邊框的特性, 如使用該復合屬性定義其單個引數,則其他引數的預設值將無條件覆蓋各自對應的單個屬性設定

(2)例如:border:1px solid red;

設定或檢索物件邊框寬度

設定或檢索物件邊框樣式

設定或檢索物件邊框顏色

這是乙個塊元素

這是乙個行元素

2.border-color屬性

(1)border-color: 設定或檢索物件的邊框顏色。

①如果提供全部四個引數值,將按上、右、下、左的順序作用於四邊。

②如果只提供乙個,將用於全部的四邊。

③如果提供兩個,第乙個用於上、下,第二個用於左、右。

④如果提供三個,第乙個用於上,第二個用於左、右,第三個用於下。

3.border-style屬性

(1)border-style:設定或檢索物件的邊框樣式。

①如果提供全部四個引數值,將按上、右、下、左的順序作用於四邊。

②如果只提供乙個,將用於全部的四邊。

③如果提供兩個,第乙個用於上、下,第二個用於左、右。

④如果提供三個,第乙個用於上,第二個用於左、右,第三個用於下。

(2)取值:

dotted:點狀輪廓。

dashed:虛線輪廓。

solid:實線輪廓。

double:雙線輪廓。兩條單線與其間隔的和等於指定的border-width值

groove:3d凹槽輪廓。

ridge:3d凸槽輪廓。

inset:3d凹邊輪廓。

outset:3d凸邊輪廓

4.border-width屬性

(1)border-width:設定或檢索物件的邊框寬度

①如果提供全部四個引數值,將按上、右、下、左的順序作用於四邊。

②如果只提供乙個,將用於全部的四邊。

③如果提供兩個,第乙個用於上、下,第二個用於左、右。

④如果提供三個,第乙個用於上,第二個用於左、右,第三個用於下。

5.border-radius屬性

(1) border-radius:設定或檢索物件使用圓角邊框。

前端學習之路11 CSS

css層疊和繼承 顏色長度 css樣式由一條或多條以分號隔開的樣式宣告組成。每條宣告包含著乙個css屬性和該屬性的值,二者以冒號分隔。以 css為副檔名 可以用 import語句將樣式從乙個樣式表匯入另乙個樣式表 import語句必須位於樣式表頂端,樣式表自已的樣式定義不能出現在它之前。import...

Web前端 CSS背景屬性

3.背景屬性簡寫 background color red 1 設定背景background image url 路徑 設定背景,指定路徑,如果路徑 現中文或空格,需要加引號 2 設定背景的重複方式 如果元素尺寸大於尺寸,會自動重複平鋪,直至鋪滿整個元素 如果元素尺寸小於尺寸,預設從元素左上角開始顯...

11 CSS基礎選擇器

1.標籤選擇器 標籤選擇器 元素選擇器 是指用html標籤名稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。標籤名 例如p div style 男生p 女生div body 輸出2.類選擇器 如果想要差異化選擇不同的標籤,單獨選乙個或某幾個標籤,可以使用類選擇器。類名 例如.r...