h1{background-color:pink;}
.CSS{
    padding: 0.5em 1em;/*(領域内のスペース[上下][左右])*/
    margin: 2em 0;/*(周囲の空間[上下][左右])*/
    border: solid 3px #000000;}/*囲み枠*/
}
.box0 {border: solid 1px #000;}/*囲み枠*/
.box1 {
    padding: 0.5em 1em;/*(領域内のスペース[上下][左右])*/
    margin: 2em 0;/*(周囲の空間[上下][左右])*/
    border: solid 3px #000000;}/*囲み枠*/
.box2 {
    font-weight: bold;/*文字の太さ*/
    color: #7090d0;/*文字色*/
    background: #8FF;/*背景色*/
    border: solid 3px #7090d0;/*[上][下][左][右]線*/
    border-radius: 10px;/*[上下左右]角の丸み*/}
.box3 {background: #8FF;}/*背景色*/
.box4 {border: double 5px #000;}/*二重線*/
.box5 {border: dashed 2px #000;}/*点線*/
.box61{border: solid 2px;
    border-color:blueviolet/*[上下左右] */}
.box62{border: solid;
    border-color:blueviolet red/*[上下][左右] */}
.box63{border: solid;
    border-color:blueviolet red green/*[上][左右][下] */}
.box64{border: solid;
    border-color:blueviolet red green yellow/*[上][右][下][左] */}
.box65 {
    border-top: dashed 2px #000;
    border-left: dotted 10px #0ff;
    border-right:double 5px #f0f; 
    border-bottom: solid 25px #ff0; 
    }/*上下左右線*/
.box7 {border: solid 1px #000;box-shadow: 5px 5px rgba(0,0,0,0.5);}/*y,x影*/
.box8 {border: solid 1px #000;box-shadow: 5px 5px 9px rgba(0,0,0,0.5);}/*y,x,幅影*/
.box9 {border: solid 1px #000;box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5);}/*影*/
.boxa {border: solid 1px #000;box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.5) inset;}/*影*/
.boxb {border: solid 1px #000;border-radius: 10px;}/*[上][下][左][右]角の丸み*/
.boxc {border: solid 1px #000;border-radius: 10px 20px 30px 40px;
    padding: 1rem 50px;/*(領域内のスペース[上下][左右])*/
    }/*[上][下][左][右]角の丸み*/