CSS - 字母

字母 CSS 样式


.A{
position:relative;
left:30px;
width:60px;
height:91px;
border-bottom:solid 14px #000000;
}
.A:before{
transform:skew(-19deg,0);
position:absolute;
content:'';
top:12.5px;
left:0;
width:16px;
height:125px;
background-color:#000000;
}
.A:after{
transform:skew(19deg,0);
position:absolute;
content:'';
top:12.5px;
left:45px;
width:16px;
height:125px;
background-color:#000000;
}

.B{
position:relative;
top:12.5px;
left:10px;
width:60px;
height:125px;
border-left:solid 16px #000000;
}
.B:before{
position:absolute;
content:'';
width:52px;
height:39px;
border-width:15px 15px 10px 0;
border-color:#000000;
border-style:solid;
border-radius:0 240% 180% 0 / 0 180% 180% 0;
}
.B:after{
position:absolute;
content:'';
bottom:0;
width:58px;
height:43px;
border-width:10px 15px 15px 0;
border-color:#000000;
border-style:solid;
border-radius:0 180% 220% 0 / 0 180% 180% 0;
}

CSS SANS

返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码
期待你的评论