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...