Newer
Older
2022-minosanjo / kadai1 / kadai1.css
@みのさんじょー みのさんじょー on 22 Jul 2022 948 bytes tsuika
body{
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    background-image: url(hk-haikei.PNG);
    background-repeat: no-repeat; /*繰り返さない*/
    background-size: cover; /*比率無視 拡大縮小*/
}

h2{
    color: #ff6347;
    text-align: center;
    font-size: 50px;
}

h1{
    text-align: center;
    font-size: 100px;
}

p{
    text-align: center;
}

.pic{
    text-align: center;
}

.nakami{
    max-width: 1000px;
    margin: 0 auto;
    display: inline-flex;
    flex-basis: 50%;
    position: relative;
    left: 10%;
    right: 10%;
}

.katsudo{
    width: 500px;
    flex-basis: 400px;
    margin-left: auto;
}

.katsudo ul{
    width: 300px;
    margin-left: auto;
    position: relative;
}

.ninzu{
    width: 500px;
    flex-basis: 400px;
    margin-right: auto;
}

.ninzu ul{
    width: 300px;
    margin-right: auto;
    position: relative;
}

h3{
    text-align: center;
}