*YouTube 教學頻道* *影像布落格*
首頁
初學者技能教案專區
布落格寫作
數位影音專題寫作
西洋哲學史導讀
老子探義導讀
《論語》小談
flickr圖像集

2014年12月26日 星期五

規律互動的背影色 有秩序的文字列


規律互動的背影色 有秩序的文字列

kds dlf  lds fldj djalfdjsl fds
dksf dsj fdjs alfjd safdsh fds fdsalf dsf
dls afdls lfdjsl kfjlkds lfdj sfj dsl fdlsa
fkdsf ljsdlaf lds aflds lfj dslaf lds fld sf ds;lf
ldsf dlsaj fd sfj ldsjf ldjs  dsf dsfd
sfkds fds fdhsa kfhdsk fkdsj flds lf dsf ds
dlsf dsj fds fjd slf dslfj ds
ld slf dslj flds fdjs lfj dlsajf ldsj flds lf dslf ds
dsl dsf ds fds
dlsf ldsjf lds fdjsfj dslf dsf


請 把下列CSS置放於<body>之後:

<style>
/*
這是整體表格的CSS
*/
table.tab20141226 {
border-spacing: 2px 0.1em;
word-break: break-all;
border: 0px;
}

/*
這是奇數列的CSS
*/
table.tab20141226 >tbody >tr:nth-child(odd) >td {
font-family: Verdana, '新細明體';
font-size: 16px;
font-weight: normal;
line-height: 1.6em;
letter-spacing: 0.1em;
border: 0px;
background-color: transparent;
padding: 1em 0em;
}

/*
這是偶數列的CSS
*/
table.tab20141226 >tbody >tr:nth-child(even) >td {
font-family: Verdana, '新細明體';
font-size: 16px;
font-weight: normal;
line-height: 1.6em;
letter-spacing: 0.1em;
border: 0px;
padding: 1em 0em;
background-color: rgba(232, 255, 245, 0.6);
}

/*
這是互動背景色的CSS
*/
table.tab20141226 >tbody >tr >td:hover {
background-color: rgba(240, 240, 240, 0.9);
}
</style>



影 音教學:



有關如何使用網頁顏色的教學:here
顏色代碼網站,及代碼轉換:here


沒有留言:

張貼留言