如何用css3画一个三角形

最新推荐文章于 2024-07-04 15:38:12 发布

我叫张永宽@

最新推荐文章于 2024-07-04 15:38:12 发布

阅读量130

点赞数

分类专栏：笔记文章标签： css3 html

本文链接：https://blog.csdn.net/weixin_44051639/article/details/120338945

版权

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <style>
            /* 
                -第一种方法: 利用边框实现
                -给盒子的宽高设置为0 
                -设置三角的位置
                -给其他边框设置为透明色
                -transparent 透明色
            */
            /* div {
                width: 0;
                height: 0;
                border: 100px solid transparent;
                border-top: 100px solid sandybrown;
            } */
            /* 
                -第二种方法,设置双伪元素
                -原理相同
                -使用伪元素设置子绝父相,可以移动到自己需要的位置
            */
            div {
                position: relative;
            }
            div::a

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我叫张永宽@

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何用css3画一个三角形

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt
复制链接

扫一扫