W3.CSS 圆形

w3-round-小

w3-round

w3-round-large

w3-round-xlarge

w3-round-xxlarge

这个w3-轮-尺寸类向任何 HTML 元素添加圆角：

类	定义
w3-轮	元素圆角（边框半径）4px
w3-round-小	元素圆角（边框半径）2px
w3-round-中型	元素圆角（边框半径）4px
w3-round-大号	元素圆角（边框半径）8px
w3-round-超大	元素圆角（边框半径）16px
w3-round-xxlarge	元素圆角（边框半径）32px

示例

<div class="w3-round w3-teal">w3-round</div>

亲自试一试»

circle class

这个w3-circle类在圆圈内显示内容。

圆圈内的图片

示例

亲自试一试»

圆圈内的文字

示例

<div class="w3-padding-32 w3-red w3-circle w3-center">
<h1>The w3-circle Class</h1>
</div>

亲自试一试»

一个圆里面有一个圆

你好
W3.CSS！

示例1

亲自试一试»

示例2

<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">Hello<br>W3.CSS!</p>
</div>
</div>

亲自试一试»