CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | .link_btn{ max-width : 240px ; margin : 100px auto ; padding : 0 ; text-align : center ; } .link_btn span{ width : 90% ; height : 50px ; margin : 10px auto ; background : #c0c0c0 ; border-radius : 50px ; outline : solid 3px #c0c0c0 ; outline-offset : 2px ; margin : 5px ; text-align : center ; display : flex ; justify-content : center ; align-items : center ; } .link_btn a:link{ color : #000000 ; text-decoration : none ;} .link_btn a:visited{ color : #222222 ; text-decoration : none ;} .link_btn a:hover{ color : #FFFF00 ; text-decoration : none ;} .link_btn a:active{ color : #ff8833 ; text-decoration : none ;} |
html
1 2 3 4 5 | < div class = "link_btn" > < span > < a href = " " target = "_blank" >○○に移動しました</ a > </ span > </ div > |