HTMLで下枠を設定する方法

html下の境界線を設定する方法: まず div を設定し、そのクラスをデモに設定します。次に、div のスタイルを設定し、[box-shadow] 属性を使用して影効果を追加します。

#このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューター。

HTML の下枠を設定する方法:

1. まず新しい HTML ファイルを作成し、基本的なコンテンツを入力し、ここに div を設定し、そのクラスを設定します。デモでは、ブラウザで開いてデフォルトの効果を確認します:

2. div のスタイルを設定します。ここでは、div の幅を 300px に設定します。

border-bottom 属性を使用して、下部フレームを 3 ピクセルに設定し、実線フレームを使用し、色を赤にします。設定が完了したら、結果を保存して表示します:

3. 引き続き境界線を美しくし、

box-shadow 属性を使用して影効果を追加します。4 つの値は、垂直方向の影、水平方向の影、影のサイズ、と影の色を設定し、影の角丸を 4em に設定し、最後に crtl s を押して保存すると、左側のブラウザに新しい境界線効果が表示されます:

関連する学習に関する推奨事項:

html ビデオ チュートリアル

以上がHTMLで下枠を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。