「CSS」文字の色を指定する

2021年9月17日

書式
/* <named-color> 値 */
color: red;
/* <hex-color> 値 */
color: #090;
/* <rgb()> 値 */
color: rgb(34, 12, 64, 0.6);
形式 color : 値
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
  /*英字 named-color値*/
.cftA {
color: green;
}
/*hex-color値*/
.cftB {
color: #008000;
}
/*rgbの形式 rgb()*/
.cftC {
color: rgb(255, 0, 255);
}
</style>
<p class="cftA">AAA 111</p>
<p class="cftB">BBB 222</p>
<p class="cftC">CCC 333</p>
<style>   /*英字 named-color値*/ .cftA { color: green; } /*hex-color値*/ .cftB { color: #008000; } /*rgbの形式 rgb()*/ .cftC { color: rgb(255, 0, 255); } </style> <p class="cftA">AAA 111</p> <p class="cftB">BBB 222</p> <p class="cftC">CCC 333</p>
<style>
  /*英字 named-color値*/
  .cftA {
    color: green;
  }
  /*hex-color値*/
  .cftB {
    color: #008000;
  }
  /*rgbの形式 rgb()*/
  .cftC {
    color: rgb(255, 0, 255);
  }
</style>
<p class="cftA">AAA 111</p>
<p class="cftB">BBB 222</p>
<p class="cftC">CCC 333</p>

 

CSS

Posted by arkgame