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

CSSを使用して黒い影のある白いテキストを作成する

text-shadowを使用する 黒い影のある白いテキストを作成するためのプロパティ。

次のコードを実行して、text-shadowプロパティを実装してみてください。

例 

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            color: white;
            text-shadow: 3px 3px 3px #000000;
         }
      </style>
   </head>
   <body>
      <h1>Heading One</h1>
      <p>Above heading has a text shadow effect.<p>
   </body>
</html>

  1. CSSを使用してテキストを含むコメントボックスを作成する方法

    コメントボックスは、clip-pathプロパティを使用して作成できます 構文 CSSclip-pathプロパティの構文は次のとおりです- Selector {    clip-path: /*value*/ } 例 次の例は、CSSを使用してコメントボックスを作成する方法を示しています。 <!DOCTYPE html> <html>    <head>       <style>          .cb {  

  2. CSSを使用して白黒画像を作成する方法

    CSSのfilterプロパティにグレースケール値を指定することで、白黒画像を作成できます。フィルタプロパティを使用して、画像にぼかしやドロップシャドウなどの特殊効果を適用できます。 構文 CSSフィルタープロパティの構文は次のとおりです- Selector {    filter: grayscale(100%);    -webkit-filter: grayscale(100%); } 例 次の例は、CSSフィルタープロパティを示しています。 <!DOCTYPE html> <html>    <