HTML怎么角度代码调节一个角的角度? dw调节一个角的角度代码技巧

作者:袖梨 2025-07-17

我们在用代码做图形的时候,用的矩形和圆形比较多,如果遇到只改变其中一个角的角度,这时又该怎么做呢

img_64cb780031e5830.gif

Adobe Dreamweaver CC 2018 64位 官方版

类型:网页设计大小:600MB语言:多国语言时间:2017-10-30查看详情

如图,这是建立的一个正圆的代码,其调节角度的属性代码是border-radius

img_64cb78005292231.jpg

现在四个角度都设置的是50%,长宽的一半,就成了圆形

img_64cb78007befc32.jpg

如果我们只想调节左上角一个角的角度,那么代码就要这么写了,border-top-left-radius,后面是角度度数,这就是左上角的意思了

img_64cb7800b529233.jpg

如图,我们可以看到现在效果

img_64cb780118b0434.jpg

同理,右上角的角度问题设置,就是top-right了

img_64cb78013b53c35.jpg

如图右上角设置后的图示

img_64cb780183b2e36.jpg

依次类推,下面的两个角度就是bottom的设置问题了,如图所示

img_64cb7801a133737.jpg

将四个角度分别设置后,最后的预览效果就是这样的了。

img_64cb7801cac1c38.jpg

相关文章

精彩推荐