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

CSSのスモールキャップス効果を作成します

スモールキャップス効果を作成するには、 font-variantを使用します プロパティ。

例

次のコードを実行して、CSSでfont-variantプロパティを操作する方法を学ぶことができます。

<html>
   <head>
   </head>
   <body>
      <p style = "font-variant:small-caps;">
         Asia, Antartica, Africa are continents
      </p>
   </body>
</html>

  1. CSSを使用してWebサイトのダーク/ライトモードを作成する方法

    ページのテキストの色と背景色を変更することで、Webサイトにダーク/ライトモードを追加できます。 構文 次の構文を使用して、ダークモードを適用できます。 Selector {    color: white;    background-color: black } 例 <!DOCTYPE html> <html>    <head>       <style>          div {  

  2. CSSで視差スクロール効果を作成する方法

    背景と前景のコンテンツに異なる速度を指定することで、CSSを使用して視差スクロール効果を作成できます。 次の例は、CSS視差スクロール効果-を示しています。 例 <!DOCTYPE html> <html> <head> <style> body, html {    height: 100%;    text-align: center; } .example {    height: 100%;    background-attachment: fixed;