Newer
Older
cafe-2022 / minosanjo / cafe-tp.css
@みのさんじょー みのさんじょー on 25 Jul 2022 1 KB tsuika
body{
    background-color: #f5deb3; /*背景 色指定*/
    min-height: 98vh; /*高さの最小値*/
    margin: 4ex; /*余白*/
}

/*名前*/
header h1{
    text-align: center; /*真ん中にする*/
}

/*ナビゲーション*/
nav{
    margin: none;
    text-align: center; /*真ん中にする*/
    font-size: 15px; /*フォントの大きさ*/
    line-height: 2em; /*行の高さを指定*/
}
		 
nav ul{
    margin: 0; /*余白*/
    padding: 0; /*余白*/
}

nav ul li{
    list-style: none; /*箇条書きの点をなくす*/
    display: inline-block; /*横に並ぶ inlineとblockの中間*/
    width: 10%; /*隣同士の間隔*/
    min-width: 85px; /*幅の最低値*/
}
		 
nav ul li a{
    text-decoration: underline; /*テキストに下線引く*/
    color: #8b4513; /*テキスト 色指定*/
}

nav ul li a:hover{
    color: #ff8c00; /*カーソルのせたとき,テキスト 色指定*/
}

button{
    background-color: transparent;
}

#left{
    float: left;
}

#right{
    float: right;
}

h1{
    color: #762f07;
    text-decoration: underline #ff9933;
}