human
HTMLのボタンに影を追加するにはどうすればよいですか？
gpt
スタイル属性を使用してインライン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の代わりに。これにより、ボタン自体の周りではなく、ボタンのテキストに影効果が適用されます。
human
すべてのボタンをページの中央に置くには、どうしますか？
gpt
ボタンを水平に中央に配置するには、「<center> </center>」を使用できます。
`` html
<！doctype html>
<html>
<head>
</head>
<body>
<center>
<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>
</center>
</body>
</html>
`` `