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

CSSで単一の要素に複数のスタイルルールを定義するにはどうすればよいですか?


1つの要素に対して複数のスタイルルールを定義する必要がある場合があります。次の例で定義されているように、これらのルールを定義して、複数のプロパティと対応する値を1つのブロックに結合できます。

h1 {
   color: #36C; font-weight: normal;
   letter-spacing: .4em;
   margin-bottom: 1em;
   text-transform: lowercase;
}

ここでは、すべてのプロパティと値のペアがセミコロン(;)で区切られています。それらを1行または複数行に保持できます。読みやすくするために、別々の行に保持しています。


  1. CSSでhr要素のスタイルを設定するにはどうすればよいですか?

    CSSを使用してhr要素のスタイルを設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-

  2. CSSでラベルのスタイルを設定するにはどうすればよいですか?

    CSSでラベルのスタイルを設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-