Semantic-UI 图像边界变化
Semantic UI 是一个开源开发框架,它提供了预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。
使用语义 UI 在我们的网站上放置图像有不同的风格,使我们的网站看起来更棒。 Semantic-UI Image Bordered Variations 用于向白色或透明内容的边缘添加边框。
语义 UI 图像边界变体类:
- bordered:该类用于在图像内容的边缘添加边框。
句法:
示例 1:在此示例中,我们将使用 Semantic-UI Image Bordered Variations 在图像边缘添加边框。
HTML
Semantic-UI Image Bordered Variations
GeeksforGeeks
Semantic-UI Image Bordered Variations
HTML
Semantic-UI Image Bordered Variations
GeeksforGeeks
Semantic-UI Image Bordered Variations
输出:
示例 2:在此示例中,我们将使用 Semantic-UI Image Bordered Variations with Circular Variations 在图像边缘添加边框。
HTML
Semantic-UI Image Bordered Variations
GeeksforGeeks
Semantic-UI Image Bordered Variations
输出:
参考: https://semantic-ui.com/elements/image.html#bordered