忍者ブログ
Flex,Java,Html など、調べた事のメモ帳です。 間違ってたらゴメンなさい。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

CSS3では色の指定の他に透明度を指定することができます。
rgbaとは、赤(red)・緑(green)・青(blue)・透明(alpha)の事。
指定する順番もこの順番になります。

色の指定は『#FFFFFF』のような16進数は使えず、『0-255』または『0%-100%』で指定します。

透明度の指定は『0.0-1.0』で指定します。

記述方法

background-color: rgba(赤,緑,青,透明);

サンプル

.sample1 { background-color: rgba(255,0,255,0.0);}
.sample2 { background-color: rgba(255,0,255,0.2);}
.sample3 { background-color: rgba(255,0,255,0.4);}
.sample4 { background-color: rgba(255,0,255,0.6);}
.sample5 { background-color: rgba(255,0,255,0.8);}
.sample6 { background-color: rgba(255,0,255,1.0);}
 
SAMPLE1
SAMPLE2
SAMPLE3
SAMPLE4
SAMPLE5
SAMPLE6
この記事にコメントする
name
title
color
mail
URL
comment
pass   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
secret (チェックを入れると管理人だけに表示できます)
ブログランキング
にほんブログ村 IT技術ブログ IT技術メモへ
 
カレンダー
10 2017/11 12
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
人気ブログランキング
ブログランキング ブログランキング
最新CM
最新TB
ブログ内検索
PR
ATOM  
ATOM 
RSS  
RSS 
Copyright ©   プログラムメモ   All Rights Reserved
Design by MMIT  Powered by NINJA TOOLS
忍者ブログ [PR]