before要素とafter要素 - WEBサイト制作の勉強

before要素とafter要素は指定した要素に擬似要素を生成します。content プロパティを使って、装飾的なコンテンツを要素に追加するのによく使われます。
コンテンツをスタイルシートの方で

before要素は指定した要素に擬似要素を生成します。

after要素は指定した要素に擬似要素を生成します。

f:id:yachin29:20160407124801j:plain

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>before・after</title>
<style>
p:before {
  display: block;
  content:"本日のおすすめパスタ";
}
</style>
</head>
<body>
<p><img src="../pasta-yajima/img/subimage01.jpg"></p>
</body>
</html>