CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS3ボックスとテキストシャドウ効果を作成するにはどうすればよいですか？

CSS3のボックス効果とテキストシャドウ効果を作成するには、それぞれbox-shadowプロパティとtext-shadowプロパティを使用します。

以下は、CSS3ボックスとテキストシャドウ効果を作成するためのコードです-

例

<!DOCTYPE html>
<html>
<head>
<style>
body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
h2 {
   color: rgb(28, 0, 128);
   text-shadow: red 2px 4px 2px;
}
div {
   color: white;
   text-align: center;
   width: 150px;
   height: 150px;
   background-color: red;
   box-shadow: rgb(89, 0, 255) 8px 2px 8px;
}
</style>
</head>
<body>
<h1>Shadow effect example</h1>
<h2>Text shadows</h2>
<div>BOX SHADOW</div>
</body>
</html>

出力

上記のコードは次の出力を生成します-

CSS3ボックスとテキストシャドウ効果を作成するにはどうすればよいですか？


  1. Microsoft Word で定型句を作成して使用する方法

    ワード プロセッサは、Microsoft が最初に MS-DOS 用の Microsoft Word をリリースした 1980 年代初頭から長い道のりを歩んできました。その画期的な機能は、マウスで使用するように設計されていることです。現在のバージョンの Microsoft Word には、Microsoft Word の AutoText 機能を使用してコンテンツをより迅速に作成し、間違いを減らすなど、ユーザーが当時は想像もできなかった機能が含まれています。 Word を頻繁に使用する場合、頻繁に使用する語句、テキスト ブロック、またはグラフィックスがある可能性があります。 Word のオ

  2. Mac でテキスト ファイルを作成する方法

    最近、Windows オペレーティング システムから macOS に切り替えましたか?はいの場合は、このガイドが役立つことがわかります。 Mac を他の Windows コンピュータと区別する多くの機能があります。 Mac は Windows システムよりも使いやすく、安定しています。ただし、macOS に切り替えると完全に異なることが 1 つあります。つまり、Mac でテキスト ファイルを作成するプロセスです。今日は、Mac で新しいファイルを作成する方法を説明します。 Mac で新しいテキスト ファイルを作成する方法 Windows PC で作業している場合は、いくつかの簡単な手順