div折角~~~

最新推荐文章于 2021-04-22 20:55:25 发布

weixin_30528371

最新推荐文章于 2021-04-22 20:55:25 发布

阅读量299

点赞数

原文链接：http://www.cnblogs.com/luwanying/p/9568372.html

版权

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>折角效果</title>
<style type="text/css">

    div {
        width: 300px;
        height: 200px;
        background: #333;
        position: relative;
    }

    div:before {
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
        border-right: 0px solid #333;
        border-bottom: 0px solid #768;
        border-bottom-width: 30px;
        border-right-width: 30px;
    }
    
</style>
</head>
<body>

<div></div>

</body>
</html>

转载于:https://www.cnblogs.com/luwanying/p/9568372.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30528371

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div折角~~~

代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>折角效果</title><style type="text/css"> div { width: 300px; he...
复制链接

扫一扫