CSS3學習筆記(三) 顏色

2021-09-02 13:56:54 字數 714 閱讀 1291

1、alpha透明度引數

body
2、漸變色彩   gradient:線性漸變(linear):向下/向上/向左/向右/對角方向

徑向漸變(radial):由它們的中心定義

線性漸變:預設從上到下

語法:至少定義兩種顏色結點

background: linear-gradient(direction, color-stop1, color-stop2, ...);
例子: 

body

#grad

#grad1

#grad2

#grad3

徑向漸變:語法:角度是指水平線和漸變線之間的角度,逆時針方向計算

CSS3學習筆記 之 邊框顏色

css2中的邊框主要有三個型別值 border width 設定元素邊框的粗細 border color 設定元素邊框的顏色 border style 設定元素邊框的型別 這三個值中唯一需要的是border style,否則邊框樣式起不到效果。也可以為不同的邊框設定不同的風格,遵守t r b l原則...

CSS3學習筆記 顏色相關樣式

利用alpha通道來設定顏色 c3中可以通過alpha通道的方法來定義rgba顏色 rgba顏色 指的是紅色值 綠色值 藍色值 alpha通道值來定義的顏色 通道範圍為0 1.0,0表示完全透明,1表示不透明 background color rgba 255,0,0,0.5 hsla顏色指的是利用...

CSS3學習筆記1 顏色新屬性

1 css2顏色的表示方法 顏色名 十六進製制 rgb transparent.css color red background color eee color rgb 22,33,0 border color transparent 2 css3新增方法 1 rgba r red,g green,...