1.给ui要的背景图（常用） 2.用canvas画

切角的边框怎么实现

可以用两个div，一个用来做背景，设置border，一个写内容

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
.content {
    height: 50px;
    background: #58a;
    border: 0px solid #ccc;
background: linear-gradient(135deg, transparent 15px, #fff 0) top left,
            linear-gradient(-135deg, transparent 15px, #fff 0) top right,
            linear-gradient(-45deg, transparent 15px, #fff 0) bottom right,
            linear-gradient(45deg, transparent 15px, #fff 0) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
    .wrap{
        height: 50px;
    background: #58a;
    border: 0px solid #ccc;
background: linear-gradient(135deg, transparent 15px, #ccc 0) top left,
            linear-gradient(-135deg, transparent 15px, #ccc 0) top right,
            linear-gradient(-45deg, transparent 15px, #ccc 0) bottom right,
            linear-gradient(45deg, transparent 15px, #ccc 0) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
    }
</style>
</head>
<body>
<div class="wrap" style="padding: 5px;">
<div class="content" style="text-align: center;">
渐变背景
</div></div>

<p><strong>注意：</strong> Internet Explorer 9 及之前的版本不支持渐变。</p>

</body>
</html>

图片描述

<!DOCTYPE html> <html> <head> <title></title> </head> <style type="text/css"> .b{ width: 200px; height: 200px; background-color: green; background: linear-gradient(-45deg, transparent 15px, #58a 0); } </style> <body> <div class="b"></div> </body> </html>

切角的边框怎么实现

你尚未登录，登录后可以

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何实现类似豆包的AI改写框跟随内容滚动效果？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

问一个鼠标滚动事件，这种是怎么实现的？

如何在CSS中实现滚动条不溢出圆角框？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？