0

我想圆这个图像的角落。这是我身体里的东西......

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

我怎样才能做到这一点？

谢谢

4

2 回答 2

3

您可以使用 css边界半径

jsFiddle

.websiteart img{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
于 2013-06-20T18:34:05.373 回答
2

您也可以使用border-radius我最喜欢的“em”符号，因为我觉得它更容易。例子：

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

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

于 2013-06-20T18:59:35.110 回答