ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSを使用して要素に影を追加する

CSSを使用して要素に影を追加する

王林
王林転載
2023-08-27 16:53:021441ブラウズ

使用 CSS 为元素添加阴影

CSS を使用して要素にシャドウを追加するには、box-shadow プロパティを使用します。次のコードを実行して box-shadow プロパティを実装してみることができます:

Example

ライブ デモンストレーション

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2 {
            box-shadow: 10px 10px;
            height: 50px;
            background-color: yellow;
         }
      </style>
   </head>
   <body>
      <h2>Heading Two</h2>
      <p>Above heading has shadow.<p>
   </body>
</html>

以上がCSSを使用して要素に影を追加するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。