一、介紹：
1. box-shadow 區塊陰影
常用於圖片、表單的周邊加上陰影
2. text-shadow 文字陰影
只用於文字上。
二、程式範例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
<style type="text/css">
#t1{
box-shadow:6px 6px 3px -1px #cccccc;
//區塊陰影效果 box-shadow：右移，下移，透明度範圍，增減四邊陰影大小，顏色
}
p{
text-shadow: 5px 2px 2px #088008;
//文字陰影效果 text-shadow：右移，下移，透明度範圍，顏色
}
</style>
</head>
<body>
<table width="400" border="1" id="t1">
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<br>
<p>文字~~~文字!!!</p>
</body>
</html>
文章標籤
全站熱搜
留言列表
程式語法 (11)
