百度前端面试题---绘画图形

ifHappyEveryDay@

于 2019-08-10 14:15:04 发布

阅读量278

点赞数 1

本文链接：https://blog.csdn.net/luoawai/article/details/99071877

版权

参考程序:

    <style>

#demo {
    width: 100px;
    height: 100px;
    background-color: #fff;
    position: relative;
    border: 2px solid #333;
}
#demo::before{
 width: 0; 
 height: 0;
 content: '';
 position: absolute;
 border-width: 12px;
 left:100%;
 top:18px;
 border-style: solid;
 border-color: transparent transparent transparent #000;
}
#demo::after{
 width: 0; 
 height: 0;
 content: '';
 position: absolute;
 border-width: 10px;
 left:100%;
 top:20px;
 border-style: solid;
 border-color: transparent transparent transparent #fff;
}
    </style>
</head>
<body>
<div id="demo">

</div>