HTML中的阴影可以用表格来实现，先确定图片的大小尺寸，建一个table标签的表格，底色设为灰色，然后再在表格中插入图片即可，阴影部分的大小可以通过表格的边距标签的大小来控制。

boxshadow 水平阴影 垂直阴影 模糊距离 阴影的大小 阴影的颜色水平位置和垂直位置指定阴影显示的位置根据正值和负值，位置将如下变化水平位置正值右，负值左垂直位置正值底部，负值上部阴影的模糊距离和阴影的范围是决定阴影外观的数值所有数值单位都是px我们来看具体的示例代码如下HTML。

而负数值表示阴影绘制在图形的左边X轴方向，或图形的上方Y轴方向它们的默认值都是0shadowBlur属性用于设置阴影的模糊效果数值越大，阴影越模糊数值越小，用于越清晰它的值是一个浮点数，0表示阴影不模糊shadowColor表示阴影的颜色上面例子的实现代码如下var canvas =。

1要设置h3的style以此来添加textshadow，这个就是文字的阴影了哦它的参数分别表示阴影的水平距离，垂直距离以及模糊程度和阴影的颜色了2前两个数值越大距离原来文字的距离就会越远哦而第三个值越大那么阴影就会越模糊哦3div元素添加阴影效果也是差不多的情况，不过用到的是boxshadow属性。

要在HTML的ltdiv元素中添加阴影效果，你可以使用CSS的boxshadow属性boxshadow属性使你能够在元素周围创建一个或多个阴影效果以下是一些示例代码，演示如何使用boxshadow属性来添加阴影效果在上面的示例中，我们创建了两个ltdiv元素，一个具有外阴影效果，另一个具有内阴影效果下面是boxshadow。

HTML代码ltinput type=quottextquot id=quotmyInputquot CSS代码myInput boxshadow 0 0 0 1px rgba0，0，0，03 在这个例子中，我们设置了阴影的水平和垂直偏移为0，模糊半径为0，扩展半径为1像素这将使阴影紧贴文本框边缘另外，我们还可以通过调整扩展半径来控制阴影的大小扩展半径越大，阴影的范围。