Question

我想围绕此图像的角落。这就是我身体里的东西......

<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>

我该怎么做？

由于

Answer 1

您可以使用css border-radius

jsFiddle

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

Answer 2

您还可以将border-radius与“em”表示法一起使用，这是我最喜欢的，因为我发现它更容易。例如：

-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-khtml-border-radius: 0.5em;
border-radius: 0.5em;

在这种情况下，您将获得完美的圆角。

如何使用HTML添加圆角

2 个答案: