帮助创建带有弯曲标题部分的HTML页面 [英] Help creating HTML page with curved header section

问题描述

我想知道，什么是最好的方法（使用html，css和图形）来创建一个网页的顶部标题部分看起来是斜面，而不是直横？请参阅下面的图片作为示例：

我不知道如何使用图像，以便他们可以根据不同的浏览器大小/分辨率展开/收缩...

任何人都可以给我一些帮助？

解决方案

谢谢！

您可以使用 border-radius 。

请参阅我在jsFiddle上的示例。

I was wondering, what is the best way (using html, css, and graphics) to create a web page whose top header section appears to be beveled, as opposed to straight across? Please see the below image as an example:

I'm not sure how to use images in a way such that they would expand/contract in accordance with different browser sizes/resolutions...

Can anyone offer me some help? Or perhaps point me to a resource?

Thanks!

解决方案

You could use border-radius.

See my example on jsFiddle.

这篇关于帮助创建带有弯曲标题部分的HTML页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！