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

王林

リリース： 2023-08-27 16:53:02

転載

1425 人が閲覧しました

使用 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

前の記事：データテーブルのページネーションの使用次の記事：CSS を使用してリンクされた画像の周囲の青い境界線を削除するにはどうすればよいですか?

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事