読者です 読者をやめる 読者になる 読者になる

WEBサイト制作の勉強|フェリカテクニカルアカデミー

WEBサイト制作の勉強の為の解説ブログ。東京池袋のフェリカテクニカルアカデミーでは求職者支援訓練の一環として、WEBサイト制作を学ぶことができます。

before要素とafter要素

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>