<a>タグと疑似クラス

疑似クラス	要素を選択する特定の状態
:link	href属性が設定されている（通常の<a>タグ）
:visited	リンク先が訪問済み
:hover	マウスポインタがリンクに載っている
:active	マウスボタンが押されている

　　

• Javascript
• Vue.js
• JQuery
• How to post on the internet

CSS

a:link {
color: red;
}
a:visited {
color: green;
}
a:hover {
color:black;
}
a:active {
color: blue;
}

背景画像を繰り返すbackground-repeatプロパティ

縦横に繰り返す「background-repeat:repeat 」| Repeat vertically and horizontally

HTML

<div id="repeat"></div>

CSS

#repeat {
width: 100px;
height: 100px;
background-image: url(rss.png);
background-repeat:repeat;
}

横方向に繰り返す「background-repeat:repeat-x 」

HTML

<div id="repeat-x"></div>

CSS

#repeat-x {
width: 100px;
height: 100px;
background-image: url(rss.png);
background-repeat:repeat-x;
}

縦方向に繰り返す「background-repeat:repeat-y 」

HTML

<div id="repeat-y"></div>

CSS

#repeat-y {
width: 100px;
height: 100px;
background-image: url(rss.png);
background-repeat:repeat-y;
}

繰り返さない「background-repeat:no-repeat 」

HTML

<div id="repeat-no"></div>

CSS

#repeat-no {
width: 100px;
height: 100px;
background-image: url(rss.png);
background-repeat:no-repeat;
}

©2020年9月 Challenge programming