HTML中的陰影可以用表格來實(shí)現(xiàn)，先確定圖片的大小尺寸，建一個(gè)table標(biāo)簽的表格，底色設(shè)為灰色，然后再在表格中插入圖片即可，陰影部分的大小可以通過表格的邊距標(biāo)簽的大小來控制。

boxshadow 水平陰影 垂直陰影 模糊距離 陰影的大小 陰影的顏色水平位置和垂直位置指定陰影顯示的位置根據(jù)正值和負(fù)值，位置將如下變化水平位置正值右，負(fù)值左垂直位置正值底部，負(fù)值上部陰影的模糊距離和陰影的范圍是決定陰影外觀的數(shù)值所有數(shù)值單位都是px我們來看具體的示例代碼如下HTML。

而負(fù)數(shù)值表示陰影繪制在圖形的左邊X軸方向，或圖形的上方Y(jié)軸方向它們的默認(rèn)值都是0shadowBlur屬性用于設(shè)置陰影的模糊效果數(shù)值越大，陰影越模糊數(shù)值越小，用于越清晰它的值是一個(gè)浮點(diǎn)數(shù)，0表示陰影不模糊shadowColor表示陰影的顏色上面例子的實(shí)現(xiàn)代碼如下var canvas =。

1要設(shè)置h3的style以此來添加textshadow，這個(gè)就是文字的陰影了哦它的參數(shù)分別表示陰影的水平距離，垂直距離以及模糊程度和陰影的顏色了2前兩個(gè)數(shù)值越大距離原來文字的距離就會越遠(yuǎn)哦而第三個(gè)值越大那么陰影就會越模糊哦3div元素添加陰影效果也是差不多的情況，不過用到的是boxshadow屬性。

要在HTML的ltdiv元素中添加陰影效果，你可以使用CSS的boxshadow屬性boxshadow屬性使你能夠在元素周圍創(chuàng)建一個(gè)或多個(gè)陰影效果以下是一些示例代碼，演示如何使用boxshadow屬性來添加陰影效果在上面的示例中，我們創(chuàng)建了兩個(gè)ltdiv元素，一個(gè)具有外陰影效果，另一個(gè)具有內(nèi)陰影效果下面是boxshadow。

HTML代碼ltinput type=quottextquot id=quotmyInputquot CSS代碼myInput boxshadow 0 0 0 1px rgba0，0，0，03 在這個(gè)例子中，我們設(shè)置了陰影的水平和垂直偏移為0，模糊半徑為0，擴(kuò)展半徑為1像素這將使陰影緊貼文本框邊緣另外，我們還可以通過調(diào)整擴(kuò)展半徑來控制陰影的大小擴(kuò)展半徑越大，陰影的范圍。