close

一、介紹:

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>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<br>
<p>文字~~~文字!!!</p>
</body>
</html>

arrow
arrow
    文章標籤
    CSS
    全站熱搜
    創作者介紹
    創作者 小甲學習地 的頭像
    小甲學習地

    學習資訊部落

    小甲學習地 發表在 痞客邦 留言(0) 人氣()