<marquee>內容</marquee> 內容

<marquee vspace="30">上下空白30xp</marquee> 上下空白30xp

<marquee hspace="70">左、右空白70xp</marquee> 左、右空白70xp

<marquee loop="0">執行無限次</marquee> 執行無限次

<marquee loop="3">執行3次 </marquee> 執行無限3次

<marquee scrolldelay="100">間隔時間</marquee> 間隔時間

<marquee scrolldelay="500">間隔時間</marquee> 間隔時間

<marquee scrollamount="50">移動50xp</marquee> 移動50xp

<marquee scrollamount="1">移動1xp</marquee> 移動1xp

<marquee behavior=alternate>內容</marquee> 內容

<marquee behavior="slide">內容</marquee> 內容

<marquee direction="right">內容</marquee> 內容

<marquee direction="up">內容</marquee> 內容

<marquee direction="DOWN">內容</marquee> 內容

<marquee onmouseover="this.stop(); " onmouseout="this.start();">滑鼠到此</marquee> 滑鼠到此

<marquee scrollamount="210">內容</marquee> 內容

| marquee | 跑馬燈 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
<input id="rqn" readonly="" size="10" type="text"  />
<input onclick="rqn()" style="cursor: pointer;" type="button" value="1-70 的亂數" />


<script>Function rqn(){
document.getElementById("rqn").value=Math.floor(Math.random()*70+1);
}
rqn();
</script>


| 亂數 | Math.random() | button | readonly | onclick | input | function | script |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
我閃我閃
<center>
<div style="color: blue; font-size: 30px; font-weight: bold; height: 80px; width: 120px;">
<marquee scrollamount="120">我閃我閃
</marquee>
</div>
</center>

| HTML 閃字 | marquee | scrollamount | 跑馬燈 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
在Blogger加入自動播放的下拉選單Picasa網路相簿
<script>
var flashstring='<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="288" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" height="192" flashvars="host=picasaweb.google.com&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F你的Google帳號放這%2Falbumid%2F##ALBUMID##%3Fkind%3Dphoto%26alt%3Drss" type="application/x-shockwave-flash"></embed>';

function writeflash(albumid){
flashstring1=flashstring.replace("##ALBUMID##",albumid);
document.getElementById("picasaweb").innerHTML=flashstring1;
}

function listallalbum(json) {
var firstlink='';
var temp = '<select onchange="writeflash(this.options[this.selectedIndex].value)">';
var sortentry=json.feed.entry;
for (var i=0, post; post = sortentry[i]; i++) {
var title = post.title.$t;

var link = post.link[2].href.replace(/(^.*albumid\/)(.*)(\?.*$)/g,"$2");
if(i==0){
firstlink=link;
}
temp += '<option value="'+link+'">'+title +'</option>';
}
temp+="</select>";
document.writeln(temp);
writeflash(firstlink);
}
</script>

<script src="http://picasaweb.google.com/data/feed/base/user/你的Google帳號放這?kind=album&hl=en_US&access=public&alt=json&callback=listallalbum"></script>

<div id="picasaweb">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="288" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" height="192" flashvars="host=picasaweb.google.com&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F你的Google帳號放這%2Falbumid%2F你的預設相簿ID放這%3Fkind%3Dphoto%26alt%3Drss" type="application/x-shockwave-flash"></embed></div>

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
  • Aug 11 Mon 2014 10:02

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
<!--------------------聽歌--------------------->
<select onchange='mp4_m(this.value)'
onmouseover='this.focus() ' style='cursor: pointer;width:150px; background-color:#C0C0C0; color:#000;
font-size:20px;
display:scroll;
position:fixed;
top:0px;
left:1055px;
border: 3px outset #d5d5d5'>
<option />聽歌
<option value="0"/>停止聽歌
<optgroup style='font-size:5px;' label=""></optgroup>
<option value="1"/>所有詩歌
<optgroup style='font-size:5px;' label=""></optgroup>
<option value="2"/>國語詩歌
<optgroup style='font-size:5px;' label=""></optgroup>
<option value="3"/>粵語詩歌
<optgroup style='font-size:5px;' label=""></optgroup>
<option value="4"/>香港電台
<optgroup style='font-size:5px;' label=""></optgroup>
<option value="5"/>新城電台
</select>


<script>
function mp4_m(xxx) {
if(xxx==0){
myWindow=window.open("","new_w_mp4","width=200, height=100");
myWindow.close();}

if(xxx==1){
myWindow=window.open("","new_w_mp4","width=200, height=100");
myWindow.close();
myWindow=window.open("//www.youtube.com/embed/2It-atPhVII?autoplay=1;rel=0;list=PLJ6HAcRGQeqy5Ab5xS7dq0y63kGUhTISi","new_w_mp4","width=200, height=100");}

if(xxx==2){
myWindow=window.open("","new_w_mp4","width=200, height=100");
myWindow.close();
myWindow=window.open("//www.youtube.com/embed/eCkfBDO9bvg?autoplay=1;rel=0;list=PLJ6HAcRGQeqzn2t1agiRUSbO68z-FpeAn","new_w_mp4","width=200, height=100");}

if(xxx==3){
myWindow=window.open("","new_w_mp4","width=200, height=100");
myWindow.close();
myWindow=window.open("//www.youtube.com/embed/XbW3pa8i36k?autoplay=1;rel=0;list=PLJ6HAcRGQeqw0uzlLusoHHHP_Cq-Eq8MX","new_w_mp4","width=200, height=100");}

if(xxx==4){
myWindow=window.open("","new_w_mp4","width=200, height=100");
myWindow.close();
myWindow=window.open("http://programme.rthk.hk/channel/radio/player_popup.php?rid=168&player=media&type=live","new_w_mp4","width=200, height=100");}

if(xxx==5){
myWindow=window.open("","new_w_mp4","width=200, height=100");
myWindow.close();
myWindow=window.open("http://www.metroradio.com.hk/Live/104/","new_w_mp4","width=200, height=100");}
}

</script>

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
<!-----------網誌 圖 名------------->
<h3>
<img src="https://lh4.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/s128/site_logo.gif" /><br />
Blogger HTML<br /> 技巧
</h3>
<!---------------ccs----------------------->
<style type='text/css'>
body {             /*全版背景圖案*/
background-image:url("https://lh3.googleusercontent.com/-eNDfdkO5YEA/U6tz9ceyZqI/AAAAAAAABXM/lmWdVlZ3HkM/w100-h71-no/1030178739_t.jpg");
background-repeat: repeat;
margin-top: 50px;



}

body {min-width: 100%; /*全版寬度*/}

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 700px; /*文章寬度最小*/
max-width: 2500px;/*文章寬度最大*/
width:100%;       /*文章寬度*/}

.main-inner .column-left-outer {
width: 300px;         /*左邊欄位寬度*/
margin-left: -300px;  /*跟左邊欄位寬度*/}

.post {                 /*文章背景*/
border-radius: 50px;    /*文章背景圓角*/
background-color: rgba(238, 238, 238, 0.3);
border:5px solid peru;  /*文章背景邊界*/}

.post:hover{border:5px solid maroon;}

#navbar{display:none;}  /*隱藏 頂部Blogger 導覽列 */

#blog-pager{display:block;  /*呈現 新舊 文章選擇 */
            color:blue;
            font-size:30px;
            font-weight: bold; }

.feed-links{display:none;}  /*隱藏底部訂閱：文章(Atom)*/

.status-msg-wrap{display:none;} /*隱藏 標籤 最新文章*/

.Attribution {display:none;}  /*隱藏 最底下範本版權說明*/

   
h1 {font-size:8px;
    font-weight:bold;
    text-align:left;
    color:gray;
     }

h3 {font-size:30px;
    font-weight:bold;
    text-align:center;
    color:blue;}

h4 {font-size:30px;
    font-weight:bold;
    text-align:left;
    color:black;
          }


#GOTOP   {position:fixed;top:35px;left:0px;}
#home    {position:fixed;top:35px;left:80px;}
#Friendly{position:fixed;top:35px;left:160px;}
#Label1  {position:fixed;top:5px;left:260px;}
#Label2  {position:fixed;top:5px;left:360px;}
#Label3  {position:fixed;top:5px;left:480px;}
#Label4  {position:fixed;top:5px;left:600px;}


</style>

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
  • Jul 24 Thu 2014 18:06

select option

<select >
　<option value="上水">上水</option>
　<option value="大埔">大埔</option>
　<option value="沙田">沙田</option>
　<option value="粉嶺">粉嶺</option>
</select>		<select style="cursor:pointer;">
　<option value="上水">上水</option>
　<option value="大埔">大埔</option>
　<option value="沙田">沙田</option>
　<option value="粉嶺">粉嶺</option>
</select>

style="cursor:pointer;"
多一只手指
<select style="background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size: 20px; width: 150px;">
　<option value="上水">上水</option>
　<option value="大埔">大埔</option>
　<option value="沙田">沙田</option>
　<option value="粉嶺">粉嶺</option>
</select>


<select style="background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size: 20px; width: 150px;" onchange="alert(this.value)">
　<option value="上水">上水</option>
　<option value="大埔">大埔</option>
　<option value="沙田">沙田</option>
　<option value="粉嶺">粉嶺</option>
</select>

cursor:pointer 滑鼠游標圖案是手指
background-color: silver 底色
border: 3px outset #d5d5d5 邊框
color: black 文字顏色
font-size: 20px 文字大細
width: 150px; 寬度
height : 150px; 高度
onchange="alert(this.value)" 選擇後動作
alert(this.value) 顯示對話盒

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
  • Jul 23 Wed 2014 15:17




<script>
function ALLwin() {
myWindow=window.open("","new_w_mp4","width=200, height=100");
myWindow.close();
myWindow=window.open("//www.youtube.com/embed/2It-atPhVII?autoplay=1;rel=0;list=PLJ6HAcRGQeqy5Ab5xS7dq0y63kGUhTISi","new_w_mp4","width=200, height=100");
}

function CHwin() {
myWindow=window.open("","new_w_mp4","width=200, height=100");
myWindow.close();
myWindow=window.open("//www.youtube.com/embed/eCkfBDO9bvg?autoplay=1;rel=0;list=PLJ6HAcRGQeqzn2t1agiRUSbO68z-FpeAn","new_w_mp4","width=200, height=100");
}

function CTwin() {
myWindow=window.open("" ,"new_w_mp4","width=200, height=100");
myWindow.close();
myWindow=window.open("//www.youtube.com/embed/XbW3pa8i36k?autoplay=1;rel=0;list=PLJ6HAcRGQeqw0uzlLusoHHHP_Cq-Eq8MX" ,"new_w_mp4","width=200, height=100");
}

function closeWin() {
myWindow.close();
}
</script>

<br />
<h3>
<input onclick="ALLwin()" style="cursor: pointer; font-size: 25px;" type="button" value="所有詩歌 " />

<input onclick="CHwin()" style="cursor: pointer; font-size: 25px;" type="button" value="國語詩歌 " />

<input onclick="CTwin()" style="cursor: pointer; font-size: 25px;" type="button" value="粵語詩歌 " />

<input onclick="closeWin()" style="cursor: pointer; font-size: 25px;" type="button" value="停止" />


c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top

背景圓角
不同瀏覽器 用不同語法 ,所以在 CSS 或 style 內加曬三個語法。
CSS3 border-radius
Mozilla -moz-border-radius
WebKit -webkit-border-radius



方框 及 底色


<div style="-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;background-color: rgba(255, 255, 0, 0.3); height: 300px; text-align: center; width: 80%;">

xxxxxx</div>

-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
四個角為 圓角


background-color: rgba(255, 255, 0, 0.3);
rgba(red 值, green 值, blue 值, alpha 值)
alpha 值 0.3 不透明度 30%




border-radius style="-moz-border-radius: 25px; background: red; border-radius: 25px;-webkit-border-radius:25px; height: 125px; text-align: center; width: 125px;"

border-radius style="-moz-border-radius: :0px 30px 60px 120px;   -webkit-border-radius: 0px 30px 60px 120px; background: red; border-radius: 0px 30px 60px 120px; height: 125px; text-align: center; width: 125px;"

border-radius style="-moz-border-radius: 25px; -webkit-border-radius: 25px; background-color: rgba(255, 255, 0, 1.0); border-radius: 25px; height: 125px; text-align: center; width: 125px;"

border-radius style="-moz-border-radius: 25px; -webkit-border-radius: 25px; background-color: rgba(255, 255, 0, 0.3); border-radius: 25px; height: 125px; text-align: center; width: 125px;"

table border | tbody | -moz-border-radius | background-color | background | color | border-radius | text-align | background-color: rgba | style | color | height | width | text-align: center | 背景圓角 | 背景 圓角 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
<input type="button" value="文字">

按鈕 滑鼠游標設定為（一只手）
<input type="button" value="文字"  style="cursor:pointer;" />

按鈕 滑鼠游標設定為（一只手）
<input type="button" value="文字"  style="cursor:pointer;" />

按鈕 連結
<input style="cursor: pointer;" type="button" value="文字" onclick="self.location.href='欲連結到的網址';" />

按鈕 自訂寬高
<input style="cursor: pointer; height: 50px; width: 100px;" type="button" value="文字" />

按鈕 文字 大細
<input style="cursor: pointer; font-size: 25px;" type="button" value="文字" />

圖片按鈕
<button style="cursor:pointer;"><img src= "https://lh4.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/s128/site_logo.gif" /></button>

| CSS | HTML | button | cursor pointer | span | border | margin | margin | background-color | center | text-align | img src | 按鈕 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top



<input type="text" size="40" value="123456" />


<input onclick="this.select()" size="40" type="text" value="123456" />


<input onmouseover="this.select()" size="40" type="text" value="123456" />;



<input onchange="this.select()" onclick="this.select()" size="40" type="text" value="123456" />


<input size="40" type="text" value="123456" maxlength="10"/>


<input size="40" type="number" value="123456"  />


<form>
　<input type="text">
　<input type="reset" value="清除表單">
</form>
　　


<input size="40" type="password" value="123456"  />


<input onfocus="this.value='焦點在此'"
       onblur="this.value='焦點移開'"  size="40" type="text" value="焦點移開" />


<input  size="40" type="text" value="readonly" readonly />


<input disabled="disabled"  size="40" type="text" value="disabled" />


<input type="color" >


<input type="date">


<input type="datetime-local">


<form action="demo_form.asp">
E-mail: <input type="email" />
  <input type="submit" />
</form>
E-mail:


<input type="month" >


<form action="demo_form.asp">
Quantity (between 1 and 5): <input max="5" min="1" name="quantity" type="number" />
  <input type="submit" />
Quantity (between 1 and 5):


Points: 0<input type="range" name="points" min="1" max="100">100
Points: 0100


<input type="time" >


<input type="week" >



| input | input onblur | input onfocus | input onclick | input onchange | input onmouseover | input readonly | 焦點在此 | 焦點移開 | input type="password" | input type="text" | size | value | 輸入 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
滑鼠游標設定 style="cursor:help;" 或 css aa{cursor:help}
值描述
url需使用的自定义光标的 URL。
注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。
default默认光标（通常是一个箭头）
auto默认。浏览器设置的光标。
crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针（一只手）
move此光标指示某对象可被移动。
e-resize此光标指示矩形框的边缘可被向右（东）移动。
ne-resize此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize此光标指示矩形框的边缘可被向上（北）移动。
se-resize此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize此光标指示矩形框的边缘可被向下移动（南）。
w-resize此光标指示矩形框的边缘可被向左移动（西）。
text此光标指示文本。
wait此光标指示程序正忙（通常是一只表或沙漏）。
help此光标指示可用的帮助（通常是一个问号或一个气球）。

html | css | cursor | cursor:help | cursor:wait | cursor:text | cursor:w-resize | cursor:pointer | cursor:auto | cursor:move | 滑鼠游標設定 | 滑鼠游標 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif'); background-repeat: repeat; height: 200px; width: 400px;"========================================================



style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif');background-repeat:repeat-y; height: 200px; width: 400px;"========================================================



style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif');background-repeat:repeat-x; height: 200px; width: 400px;"========================================================



style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif');background-repeat:no-repeat; height: 200px; width: 400px;"

| css | html | background-image 背景圖片 | background image | background-image: url | background-repeat: repeat | background-repeat: repeat-y; height | background-repeat: repeat-x | background-repeat: no-repeat |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
ColorHTML/CSS NameHex Code
#RRGGBB
Decimal Code
(R,G,B)
Black#000000(0,0,0)
White#FFFFFF(255,255,255)
Red#FF0000(255,0,0)
Lime#00FF00(0,255,0)
Blue#0000FF(0,0,255)
Yellow#FFFF00(255,255,0)
Cyan / Aqua#00FFFF(0,255,255)
Magenta / Fuchsia#FF00FF(255,0,255)
Silver#C0C0C0(192,192,192)
Gray#808080(128,128,128)
Maroon#800000(128,0,0)
Olive#808000(128,128,0)
Green#008000(0,128,0)
Purple#800080(128,0,128)
Teal#008080(0,128,128)
Navy#000080(0,0,128)

Color Color Name Hex Code
#RRGGBB
 Decimal Code
R,G,B
 Color Color NameHex Code
#RRGGBB
Decimal Code
R,G,B
maroon #800000 (128,0,0) blue violet #8A2BE2 (138,43,226)
dark red #8B0000 (139,0,0) indigo #4B0082 (75,0,130)
brown #A52A2A (165,42,42) dark slate blue #483D8B (72,61,139)
firebrick #B22222 (178,34,34) slate blue #6A5ACD (106,90,205)
crimson #DC143C (220,20,60) medium slate blue #7B68EE (123,104,238)
red #FF0000 (255,0,0) medium purple #9370DB (147,112,219)
tomato #FF6347 (255,99,71) dark magenta #8B008B (139,0,139)
coral #FF7F50 (255,127,80) dark violet #9400D3 (148,0,211)
indian red #CD5C5C (205,92,92) dark orchid #9932CC (153,50,204)
light coral #F08080 (240,128,128) medium orchid #BA55D3 (186,85,211)
dark salmon #E9967A (233,150,122) purple #800080 (128,0,128)
salmon #FA8072 (250,128,114) thistle #D8BFD8 (216,191,216)
light salmon #FFA07A (255,160,122) plum #DDA0DD (221,160,221)
orange red #FF4500 (255,69,0) violet #EE82EE (238,130,238)
dark orange #FF8C00 (255,140,0) magenta / fuchsia #FF00FF (255,0,255)
orange #FFA500 (255,165,0) orchid #DA70D6 (218,112,214)
gold #FFD700 (255,215,0) medium violet red #C71585 (199,21,133)
dark golden rod #B8860B (184,134,11) pale violet red #DB7093 (219,112,147)
golden rod #DAA520 (218,165,32) deep pink #FF1493 (255,20,147)
pale golden rod #EEE8AA (238,232,170) hot pink #FF69B4 (255,105,180)
dark khaki #BDB76B (189,183,107) light pink #FFB6C1 (255,182,193)
khaki #F0E68C (240,230,140) pink #FFC0CB (255,192,203)
olive #808000 (128,128,0) antique white #FAEBD7 (250,235,215)
yellow #FFFF00 (255,255,0) beige #F5F5DC (245,245,220)
yellow green #9ACD32 (154,205,50) bisque #FFE4C4 (255,228,196)
dark olive green #556B2F (85,107,47) blanched almond #FFEBCD (255,235,205)
olive drab #6B8E23 (107,142,35) wheat #F5DEB3 (245,222,179)
lawn green #7CFC00 (124,252,0) corn silk #FFF8DC (255,248,220)
chart reuse #7FFF00 (127,255,0) lemon chiffon #FFFACD (255,250,205)
green yellow #ADFF2F (173,255,47) light golden rod yellow #FAFAD2 (250,250,210)
dark green #006400 (0,100,0) light yellow #FFFFE0 (255,255,224)
green #008000 (0,128,0) saddle brown #8B4513 (139,69,19)
forest green #228B22 (34,139,34) sienna #A0522D (160,82,45)
lime #00FF00 (0,255,0) chocolate #D2691E (210,105,30)
lime green #32CD32 (50,205,50) peru #CD853F (205,133,63)
light green #90EE90 (144,238,144) sandy brown #F4A460 (244,164,96)
pale green #98FB98 (152,251,152) burly wood #DEB887 (222,184,135)
dark sea green #8FBC8F (143,188,143) tan #D2B48C (210,180,140)
medium spring green #00FA9A (0,250,154) rosy brown #BC8F8F (188,143,143)
spring green #00FF7F (0,255,127) moccasin #FFE4B5 (255,228,181)
sea green #2E8B57 (46,139,87) navajo white #FFDEAD (255,222,173)
medium aqua marine #66CDAA (102,205,170) peach puff #FFDAB9 (255,218,185)
medium sea green #3CB371 (60,179,113) misty rose #FFE4E1 (255,228,225)
light sea green #20B2AA (32,178,170) lavender blush #FFF0F5 (255,240,245)
dark slate gray #2F4F4F (47,79,79) linen #FAF0E6 (250,240,230)
teal #008080 (0,128,128) old lace #FDF5E6 (253,245,230)
dark cyan #008B8B (0,139,139) papaya whip #FFEFD5 (255,239,213)
aqua #00FFFF (0,255,255) sea shell #FFF5EE (255,245,238)
cyan #00FFFF (0,255,255) mint cream #F5FFFA (245,255,250)
light cyan #E0FFFF (224,255,255) slate gray #708090 (112,128,144)
dark turquoise #00CED1 (0,206,209) light slate gray #778899 (119,136,153)
turquoise #40E0D0 (64,224,208) light steel blue #B0C4DE (176,196,222)
medium turquoise #48D1CC (72,209,204) lavender #E6E6FA (230,230,250)
pale turquoise #AFEEEE (175,238,238) floral white #FFFAF0 (255,250,240)
aqua marine #7FFFD4 (127,255,212) alice blue #F0F8FF (240,248,255)
powder blue #B0E0E6 (176,224,230) ghost white #F8F8FF (248,248,255)
cadet blue #5F9EA0 (95,158,160) honeydew #F0FFF0 (240,255,240)
steel blue #4682B4 (70,130,180) ivory #FFFFF0 (255,255,240)
corn flower blue #6495ED (100,149,237) azure #F0FFFF (240,255,255)
deep sky blue #00BFFF (0,191,255) snow #FFFAFA (255,250,250)
dodger blue #1E90FF (30,144,255) black #000000 (0,0,0)
light blue #ADD8E6 (173,216,230) dim gray / dim grey #696969 (105,105,105)
sky blue #87CEEB (135,206,235) gray / grey #808080 (128,128,128)
light sky blue #87CEFA (135,206,250) dark gray / dark grey #A9A9A9 (169,169,169)
midnight blue #191970 (25,25,112) silver #C0C0C0 (192,192,192)
navy #000080 (0,0,128) light gray / light grey #D3D3D3 (211,211,211)
dark blue #00008B (0,0,139) gainsboro #DCDCDC (220,220,220)
medium blue #0000CD (0,0,205) white smoke #F5F5F5 (245,245,245)
blue #0000FF (0,0,255) white #FFFFFF (255,255,255)
royal blue #4169E1 (65,105,225)

| CSS | HTML | style | Color Code | Color | Color | 顏色對表 |

c8cc168 發表在 痞客邦 留言(0) 人氣()

▲top
«12 3456