CSS3中的RGBA,HSLA顏色
CSS 中的顏色可以由RGBA色彩空間和HSLA色彩空間兩種方式來表述,二者均可以用來在設定顏色的同時也指定其透明度。
RGBA 是代表Red(紅色) Green(綠色) Blue(藍色)和 Alpha(不透明度)三個單詞的縮寫。
R:紅色值。正整數 (0~255)
G:綠色值。正整數 (0~255)
B:藍色值。正整數(0~255)
A:透明度。取值0~1之間
使用如下:
background-color: rgba(255,0,255,0.2);
HSLA指的是“色調、飽和度、亮度、Alpha透明度”
H:Hue(色調): 取值在0度~360度之間,0度是紅色,120度是綠色,240度是藍色,360度也是紅色;
S:Saturation(飽和度): 是色彩的純度,是一個百分比的值,取值在0%~100%,0%飽和度最低,100%飽和度最高;
L:Lightness(亮度): 取值在0%~100%,0%最暗,100%最亮;
A:Alpha(透明度): 取值在0.0~1.0,0.0完全透明,1.0完全不透明;
使用如下:
background-color: hsla(300,100%,50%,0.2);
相關推薦
CSS3中的RGBA,HSLA顏色
CSS 中的顏色可以由RGBA色彩空間和HSLA色彩空間兩種方式來表述,二者均可以用來在設定顏色的同時也指定其透明度。 RGBA 是代表Red(紅色) Green(綠色) Blue(藍色)和 Alpha(不透明度)三個單詞的縮寫。 R:紅色值。正整數 (0~255)
android imageButton 點選按鈕前中後,按鈕顏色的變化
我們在開發的過程中,往往為了美化介面的需要,會修改按鈕的預設外觀,而因為Android中的按鈕有三種狀態—預設,被點選,被選中。所以,如果要改變按鈕的外觀,需要對這三種情況都做出修改,也許在以往,我們最容易想到的就是,手動監聽按鈕的選中和點選事件,然後寫程式碼來替換按鈕的背景,但是在android中,我們
CSS3 之 RGBa 可透明顏色
在 CSS3 中,增加了一個 opacity 屬性,允許開發者設定元素的透明度,現在 opacity 已被主流的現代瀏覽器支援,但 opacity 會把被設定的元素及其子元素同時設定為同一個透明度,這樣的透明規則相當不靈活,在實際開發中往往也是會遇到很多麻煩。其實,在
在CSS3中,可以利用transform功能來實現文字或圖像的旋轉、縮放、傾斜、移動這四種類型的變形處理
for skew 文字 values alt 實例 垂直 -o 移動 CSS3中的變形處理(transform)屬 transform的功能分類 1.旋轉 transform:rotate(45deg); 該語句使div元素順時針旋轉45度。deg是CSS 3的“V
CSS中的HSLA顏色
ack hsl sla col -c androi 涵蓋 顏色 spa HSL色彩,是一種工業界的色彩標準,因為它能涵蓋到人類視覺所能感知的所有顏色,所以在工業界廣泛應用。 H是色度,取值在0度~360度之間,0度是紅色,120度是綠色,240度是藍色。360度也是
css3中-moz、-ms、-webkit,-o分別代表的意思,以及微信瀏覽器內核分析
ogl mod ref rotate ftw 世界之窗 說了 ike tps 這種方式在業界上統稱:識別碼、前綴 //-ms代表【ie】內核識別碼 //-moz代表火狐【firefox】內核識別碼 //-webkit代表谷歌【chrome】/蘋果【safari】內核識別碼
顏色rgba、hsla
-c clas adding document bottom eight 顏色 url margin <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &
IE8中的input設定為disabled時,字型顏色設定問題
關於Input不能修改,設定屬性可以為disabled或者readonly 但是,如果設定為disabled,關於字型顏色的設定則不再有效,disabled對顏色的設定免疫,因為顏色太淡,使用者體驗差,所以用readonly,但是readonly會出現游標的閃爍問題,需要設定屬性: $('i
Qt中使用Qss修改邊框寬度,字型顏色,修改選擇時背景色和字型顏色
以Dialog為例 setStyleSheet("QDialog {border: 1px solid #CCCCCC;}"); 以LineEdit為例 setStyleSheet("color:white"); 以日曆為例 setStyleSheet(
css3中,手寫loading載入動畫
loading載入動畫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w
CSS3一:(權重,CSS3新增選擇器,圓角,新的顏色表示)
之前一直總結的是CSS2的一些知識點,今天差不多總結完了JavaScript就回來補充一下CSS3的一些東西吧 CSS權重 CSS權重指的是樣式的優先順序,有兩條或多條樣式作用於一個元素,權重高的那條樣式對元素起作用,權重相同的,後寫的樣式會覆蓋前面寫的樣式。 權重的等
CSS3基礎——邊框,背景,文字,顏色
圓角效果 border-radius 單位:px 和% 陰影 box-shadow box-shadow: h-shadow v-shadow blur spread color inset; 常用四屬性:X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影
關於CSS3中的ul,li的使用偽類選測器的總結
在CSS3的無序列表<ul><li></li></ul>在設計樣式的時候,可以使用偽類樣式進行設計樣式。例如:<!DOCTYPE html>
CSS3中的box-shadow屬性,結合圖案的詳細分析
box-shadow 以由逗號分隔的列表來描述一個或多個陰影效果。(可以運用該屬性畫多邊框)該屬性讓你可以對幾乎所有元素的邊框產生陰影。如果元素同時設定了 border-radius ,陰影也會有圓角效果。 語法: box-shadow: offset-x | off
android 各種 span的生成 如:修改TextView中部分文字的顏色 ,生成圖片span
textView = (TextView) findViewById(R.id.textview); SpannableStringBuilder builder = new Spannabl
富文字(講一個字串中的一些文字顏色顯示特別的顏色,文字中替換表情)
SpannableString 的四個關鍵屬性Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前後都不包括)、Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括
改變Qt中QLabel,QPushButton的背景顏色
1.在程式中,修改QLabel的背景顏色: QPalette palette; palette.setColor(QPalette::Background, QColor(0, 255, 0)); qlabel->setAutoFillBackground(tru
Android中設定TextView的顏色setTextColor失敗,變成灰色
android中設定TextView的顏色有方法setTextColor,這個方法被過載了,可以傳入兩種引數。 Java程式碼 public void setTextColor(int color) { mTextColor = ColorSta
關於css3中顏色漸變
#grad { background: -webkit-linear-gradient(left top, red , blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right
android 在selector中同時設定button的圓角和點選效果,簡單顏色無需美工
1,如果我們沒有美工來設計我們的圓角圖片,可以採用shape的方式實現: <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.andr