スタイル属性を使用してインラインCSSを追加することにより、任意のボタンに影を追加できます。Webブラウザで簡単に表示できるシャドウのあるボタンの例を次に示します。

[コード]
<！doctype html>
<html>
<head>
</head>
<body>

<button type = 'button' style = "box-shadow：3px 2px"> 1）影付きの私のボタン</button>
<br> <br>

<button type = 'button' style = "box-shadow：3px 2px 3px"> 2）ぼやけた影のある私のボタン</button>
<br> <br>

<ボタンタイプ= 'button' style = "box-shadow：3px 2px 3px purple"> 3）ぼやけた紫色の影</button>
<br> <br>

<button type = 'button' style = "text-shadow：3px 2px 3px purple"> 4）テキストにぼやけた紫色の影が付いた私のボタン</button>
<br> <br>

</body>
</html>
[/コード]

最初の例では、「Box-Shadow：3PX 2PX」を使用するスタイルを設定しました。CSSプロパティ「Box-Shadow」は、ボタンの周りに影を置きます。値3pxと2pxここに、影の水平および垂直オフセットがあります。
2番目の例では、3番目の値を指定します。これは、影がぼやけている量です。
3番目の例では、影の色である4番目の値を指定します。
4番目の例では、別のCSSプロパティを使用しています。Text-Shadow、Box-Shadowの代わりに。これにより、ボタン自体の周りではなく、ボタンのテキストに影効果が適用されます。
We can add shadow to any button by using the style attribute to add inline CSS. Here are some examples of buttons with shadow that you can readily view in your web browser:

[code]
<!DOCTYPE html>
<html>
<head>
</head>
<body>

<button type='button' style="box-shadow:3px 2px">1) My button with a shadow</button>
<br><br>

<button type='button' style="box-shadow:3px 2px 3px">2) My button with a blurry shadow</button>
<br><br>

<button type='button' style="box-shadow:3px 2px 3px purple">3) My button with a blurry purple shadow</button>
<br><br>

<button type='button' style="text-shadow:3px 2px 3px purple">4) My button with a blurry purple shadow on its text</button>
<br><br>

</body>
</html>
[/code]

In the first example, we have set the style to use "box-shadow:3px 2px". The CSS property 'box-shadow' puts a shadow around the button. The values 3px and 2px here are the shadow's horizontal and vertical offsets.
In the second example, we specify a 3rd value, which is the amount that the shadow is blurred.
In the third example, we specify a 4th value, which is the color of the shadow.
In the fourth example, we are using a different CSS property; text-shadow, instead of box-shadow. This applies the shadow effect to the text of the button, instead of around the button itself.