CSSでチェックマークを作る

2017 12/29

2017年12月29日 2017年12月29日

CSSでチェックマーク（リストタグ）を作る

ul {
  border: solid 2px skyblue;/*線の設定*/
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f075";/*アイコンの種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: skyblue; /*アイコン色*/
}

ul {

border: solid 2px skyblue;/*線の設定*/

padding: 0.5em 1em 0.5em 2.3em;

position: relative;

}

ul li {

line-height: 1.5;

padding: 0.5em 0;

list-style-type: none!important;

}

ul li:before {/*疑似要素*/

font-family: FontAwesome;

content: "\f075";/*アイコンの種類*/

position: absolute;

left : 1em; /*左端からのアイコンまで*/

color: skyblue; /*アイコン色*/

}

よかったらシェアしてね！

URLをコピーしました！

URLをコピーしました！

この記事を書いた人

ore

CSSでチェックマークを作る

この記事を書いた人

関連記事