プログラミング

HTML&CSSを学ぼう#09 フォント背景を変える | AtelierAPOLLO

フォントの背景を変える

テキストの背景を変えるには

background-color:

 

を使います

background-color: #dddddd;

のように指定するとフォントの背景色を変えられます

サンプル

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="stylesheet09.css">
    <title>フォントの背景色</title>
  </head>
  <body>
    <h1>これはh1です</h1>
    <p>これはpです</p>
  </body>
</html>

CSS

h1 {
  background-color: #dddddd;
}
p {
  background-color: #ffd800;
}