html - 如何使用 HTML 添加圆 Angular

标签 html css image border

我想把这张图片的边 Angular 弄圆。这是我 body 里的东西......

<body>
   <h1 style="float:left; width:37%;"><font color="#99CC00"><font face="Verdana">MrEpicGaming4U</font></h1>
   <div style="float:left; class="websiteart"><img src="website_art.png" height= "100" width= "300"/></div>
   <h1 style="float:right;"><font color="#99CC00"><font face="Verdana">The Art of Gaming</font></h1>
</body>

我该怎么做?

谢谢

最佳答案

您可以使用 css border-radius

jsFiddle

.websiteart img{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

关于html - 如何使用 HTML 添加圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17221166/

相关文章:

html - CSS 选项卡在 Mozilla Firefox 中无法正确显示

image - Matlab,图像函数的反函数

ios - Xcode Storyboard 中的图像随机扭曲

html - 悬停图像时除了不透明度之外我还能使用什么?

html - 在 HTML <ol> 中插入额外的项目 2A

html - 我如何获得一个 div 来包裹 float 的 child ?

html - 在不影响其他 flex 元素的情况下对齐 flex 元素

javascript - 如何为除具有特定类的所有元素添加事件?

html - 媒体查询和使网格系统响应

javascript - 使用百分比值填充自定义 SVG 图像