html中把角度压缩的属性是什么_随笔

关于html中把角度压缩的属性是：border-radius

下面举例子说明：

<!DOCTYPE html>

<html>

<head>

<title>练习使用HTML</title>

<style>

#div1 {

border: 2px solid #a1a1a1

padding: 10px 40px

background: #dddddd

width: 300px

/*这个属性允许你为元素添加圆角边框！*/

border-radius: 25px

}

</style>

</head>

<body>

</center>

</body>

</html>

演示：

我的思路是这样的：

用圆角属性做出扇形，再用一个矩形去遮挡

宽高相等画出正方形

加border-radius属性做出1/4圆或者1/2圆

矩形旋转

例如transform: rotate(45deg) 顺时针旋转45度

以上都在一个position:relative的父元素中，要旋转的矩形position:absolute

用js控制矩形旋转的角度，应该就可以了

欢迎分享，转载请注明来源：内存溢出

html中把角度压缩的属性是什么