規律互動的背影色 有秩序的文字列
| 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>
/*
這是整體表格的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
沒有留言:
張貼留言