具有样式的 CSS3 圆 Angular 文本框

Question

我是 css3 的新手，虽然外面有很多 css 工具生成器，但我不知道如何对我提供的这个图像进行编码。请帮忙??..这将有利于我在我的一个主要主题上的作业。非常感谢!

Answer 1

在 CSS 中使用 div 标签上的“border-radius”CSS 属性并将图像放入其中非常简单，可以将 div 的 Angular 圆化。

您的 HTML 将如下所示:

<div id=image_box>
<img src='someimagelocation'>
</div>

然后您需要将下潜的大小设置为图像的确切宽度和高度，并确保将溢出设置为隐藏，并设置您的边界半径属性:

#image_box {
width:200px;
height:150px;
overflow: hidden;
border-radius:0.5em;
}

这应该会给你想要的结果!

已添加:

要添加阴影等，请在同一个 div CSS 标记中使用 CSS 属性“box-shadow”。

box-shadow:0 1px 2px #aaa;

你需要用谷歌搜索这些语法是如何工作的。但我已经为您提供了所有必要的工具，可以非常轻松地研究它