CSS,是否可以创建此角落效果

时间:2011-03-29 02:53:03

标签: css

我的CSS能力非常有限。我想知道是否有办法创造这种效果:

http://www.wendyfawcettlaw.com/sample.html

这是现场网站,我已经有了投影。我只需要获得这两个红色角元素。

提前感谢您的帮助!!

4 个答案:

答案 0 :(得分:5)

答案 1 :(得分:0)

我认为在纯CSS中不可能,你可能需要一些额外的HTML。 我的建议是使用一些绝对定位的DIV和红色角落。

答案 2 :(得分:0)

您可以使用1个单独的图像执行此操作,然后使用仅使用一个元素的border-image进行平铺。非常干净的极简主义标记和CSS。如果你对这个解决方案感兴趣,我可以发一个关于它是如何工作的解释,因为它起初很难理解但是一旦你得到它你可以制作一些非常酷的边界。

答案 3 :(得分:0)

我宁愿建议使用图像,因为您可以稍后更改您想要做的任何样式,并为您的网站添加有趣的设计变体。

@Jeaffrey Gilbert已经用简单的html + css代码给你解决方案了,我会告诉你我的CSS3使用多个背景。

而且您不需要添加HTML(但它只适用于每个体面的浏览器而不适用于Internet Explorer)

background: 
    url(image_1.gif) top left no-repeat,
    url(image_2.gif) bottom right no-repeat;