CSS中修飾字體的屬性CSS中常見的控制文本的屬性CSS中常見的控制背景的屬性應用多個圖标放到同一個圖片裡
多個圖标放到同一個圖片裡,通過定義某區塊的背景定位,調用同一個圖片中不同位置上的小圖标,好處是可以減少對服務器的請求次數,從而加快頁面的訪問速度
邊框屬性- 任何一個元素都可以設置邊框
- 邊框屬性是用于設置一個元素邊框風格、邊框寬度、邊框顔色的略寫,可以一起設置4邊的邊框,也可對上邊框、右邊框、下邊框和左邊框單獨設置。
邊框風格屬性- 可以通過邊框風格屬性border-style設定上下左右邊框的風格,該屬性用于設置一個元素邊框的樣式,而且必須用于指定可見的邊框。可以使用1到4個關鍵字,如果四個值都給出了,它們分别應用于上、右、下和左邊框的式樣。
- 也可以分别使用border-top-style、border-bottom-style、border-left-style和border-right-style屬性單獨設置各邊的風格
各邊的風格使用的屬性值- none:沒有邊框,無論邊框寬度設為多大
- dotted:點線式邊框
- dashed:破折線式邊框
- solid:直線式邊框
- double:雙線式邊框
- groove:槽線式邊框
- ridge:脊線式邊框
- inset:内嵌效果的邊框
- outset:突起效果的邊框
邊框寬度屬性- 可以通過邊框寬度屬性border-width設定上下左右邊框的寬度,該屬性用1到4個值來設置元素的邊界,值是一個關鍵字或長度,不允許使用負值長度。
- 如果四個值都給出了,它們分别應用于上、右、下和左邊框的式樣。
- 如果兩個或三個值給出了,省略了的值與對邊相等。這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。
- 也可以分别使用border-top-width、border-bottom-width、border-left-width和border-right-width屬性單獨設置各邊的寬度。除了可以使用長度單位定值外,還可以用medium(是默認值)、thin(比medium細)或thick(比medium粗)值。
邊框顔色屬性
可以通過邊框顔色屬性border-color設定上下左右邊框的顔色,可以使用1到4個關鍵字。如果四個值都給出了,它們分别應用于上、右、下和左邊框的式樣。如果給出一個值,它将被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等
略寫的邊框屬性- CSS屬性border是邊框屬性的一個快捷的綜合寫法,是一個用于設置一個元素邊框的寬度、式樣和顔色的略寫,它包含border-width,border-style和border-color屬性。
- 邊框屬性border隻能設置四種邊框,也隻能給出一組邊框的寬度和式樣。為了給出一個元素的四種邊框的不同的值,網頁制作者必須用一個或更多的屬性,如:上邊框、右邊框、下邊框、左邊框、邊框顔色、邊框寬度、邊框式樣、上邊框寬度、右邊框寬度、下邊框寬度或左邊框寬度。
鼠标光标屬性
在網頁中默認的鼠标指針隻有兩種,一種是最普通的箭頭,另一種是當移動到鍊接上時出現的“小手”。但現在越來越多的網頁都使用了CSS鼠标指針技術,當将鼠标移動到鍊接上時,可以看到多種不同的效果。CSS可以通過Cursor屬性實現鼠标形狀的改變,其屬性可以是默認的鼠标形狀default、小手形狀hand、交叉十字crosshair、文本選擇符号text、Windows的沙漏形狀wait、帶有問号的鼠标help以及各個方向的箭頭屬性值。
, 更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!