記事タグ表示HTML&CSS

もくじ

• 表示例
• HTMLコード
• CSSコード

表示例

• タグタグタグ

HTMLコード

• • <a class="tag" href="#">タグ</a><a class="tag" href="#">タグ</a><a class="tag" href="#">タグ</a>

CSSコード

• • a.tag{
  • display:inline-block;margin:8px 8px 0 0;padding:2px 8px 0 8px;border:solid 1px rgb(199,199,199);border-radius:4px;box-shadow:0 1px 0 rgb(206,206,206);background-color:rgb(249,249,249);color:rgb(99,99,99);line-height:2;letter-spacing:0.02em;text-decoration:none;
  • }
  • a.tag:hover{
  • border:solid 1px rgb(177,177,177);box-shadow:0 0 1px 2px rgb(206,206,206);background-color:rgb(246,246,246);
  • }