html - 你怎么能用CSS在html中制作一个形状

标签 html css

<分区>

如何使用单个 HTML 元素制作形状?可以使用任何 CSS 技术,只要它在至少一种浏览器中受支持即可。

形状的例子有圆形、三 Angular 形、六 Angular 形等。

最佳答案

http://css3shapes.com/有关于如何在 CSS 中制作大量形状的说明。

但说真的,在浏览器中绘制形状有比使用 CSS 更好的解决方案。

上面网站中显示的大多数形状只能在现代浏览器中使用,因为它们使用的 CSS3 技术在 IE8 等浏览器中不可用。 (所以如果你想在旧版本的 IE 中这样做,答案就是忘记它)。

但是支持这些形状的浏览器也都支持其他技术,例如 SVG,它允许您绘制任何您喜欢的形状,而不受围绕盒子形状的限制。

所以简短的回答是肯定的,它可以做到,但 SVG 会给你更好的结果。

关于html - 你怎么能用CSS在html中制作一个形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12577539/

相关文章:

html - 保存样式表后,站点不会获取更改

css - 具有固定长度和高度的 Angular Bootstrap 卡。有没有办法减少代码?

javascript - 如果选中单选按钮更改父背景颜色

javascript - 将有选项显示图像而不是 Bootstrap 多选中的选定文本

css - 在 Bigcommerce 模板主题中集成 Bootstrap

javascript - 如何针对触摸设备优化网站

html - 显示在边界外的图像

具有设置背景的 Javascript slider

php - 将 PDF 转换为 HTML

drag-and-drop - HTML5 : dragover(), drop() : how get current x, y坐标?