html テキストの背景色を変更する方法

環境
Google Chrome 111.0.5563.65(Official Build)
Windows 10 Home 64bit

書式
background-color:背景色;
HTMLだけでテキストの背景色を変更するには「style属性」にて「background-colorプロパティ」を指定します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<head>
<style>
p {
background-color:lightskyblue;
}
</style>
</head>
<body>
<p >東京tokyo</p>
</body>
</html>
<!DOCTYPE html> <html> <head> <style> p { background-color:lightskyblue; } </style> </head> <body> <p >東京tokyo</p> </body> </html>
<!DOCTYPE html>
<html>
<head>
<style>
p {
      background-color:lightskyblue;
}
</style>
</head>
<body>
<p >東京tokyo</p>

</body>
</html>

結果
テキスト「東京tokyo」の背景色を「lightskyblue」に変更します。

CSS

Posted by arkgame