免费AI编程助手
W3.CSS Round (圆)
2020-11-30 14:03 更新
w3-round-size 类添加圆角到任何 HTML 元素：
| 类 | 定义 |
|---|---|
| w3-round
|
圆角（边界半径）4px |
| w3-round-small
|
圆角（边界半径）2px |
| w3-round-medium
|
圆角（边界半径）4px |
| w3-round-large
|
圆角（边界半径）8px |
| w3-round-xlarge
|
圆角（边界半径）16px |
| w3-round-xxlarge | 圆角（边界半径）32px |
Circle Class (圆类)
w3-circle 类显示圆内的内容。
圆内的文本
实例
<div class="w3-padding-32 w3-red w3-circle w3-center">
<h1>w3-circle 类</h1>
</div>
尝试一下 »
点击“尝试一下”按钮查看在线实例
圆中圆
实例
<div class="w3-padding-32 w3-green w3-circle">
<img src="img_car.jpg" class="w3-circle" style="width:75%">
</div>
尝试一下 »
点击“尝试一下”按钮查看在线实例
实例
<div class="w3-padding-32 w3-green w3-circle">
<div class="w3-padding-32 w3-red w3-circle w3-center" style="width:55%">
<p class="w3-xlarge">你好<br>W3CSchool!</p>
</div>
</div>
尝试一下 »
点击“尝试一下”按钮查看在线实例
以上内容是否对您有帮助：
更多建议：