边框半径用于使边框的角弯曲。半径越大,它就会越弯曲和圆。这些类可以应用于任何部门、图像、按钮、容器等。
Sr. No. |
Class |
Description |
---|---|---|
1. |
w3-round-small |
It sets the border-radius of the element to 2px. |
2. |
w3-round |
It sets the border-radius of the element to 4px. |
3. |
w3-round-medium |
It works the same as w3-round and sets the border-radius of the element to 4px. |
4. |
w3-round-large |
It sets the border-radius of the element to 8px. |
5. |
w3-round-xlarge |
It sets the border-radius of the element to 16px. |
6. |
w3-round-xxlarge |
It sets the border-radius of the element to 32px. |
7. |
w3-circle |
It sets the border-radius to 50%. |
在 W3.CSS 中,代码中使用的以下类用于在分区的各个角落实现边界半径。
例子:
HTML
GeeksForGeeks
GeeksForGeeks
Round Bordered Divisions:
输出: