Calender

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
<< August 2020 >>

Categories

Archives

Recent Entries

高校生のためのWeb制作講座

高校生のためのWeb制作講座65 CSS編 8 ナビ設定(2)

 

header a {
    color: #fff;
    font-weight: bold;
    text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
    text-decoration: none;
    }

header ul {
    list-style: none;
    text-align:right;
    padding: 5px;
}

header li {
    display:inline; 
    padding: 0 5px;
}
 

 

text-decoration: none;下線を消す
list-style:リスト内の各項目の先頭に表示されるマーカーを設定
display:inline:横並びにする
ext-align:テキストの水平方向への配置を指定する。
paddingパディング:余白を取る
   padding: 5px:周りの余白

  • 2020.07.11 Saturday
  • 22:07

Comment
Send Comment