如何创建使用CSS

标签我看到一个网站下面的图片，如何创建使用CSS

Tag

他们没有使用任何背景图片，用CSS做这一切。如何创建这样使用CSS标签，想在它里面没有Buy!按钮..

这里是链接

Link to image

感谢，

来源

2012-11-27 Smartboy

如果是用CSS做，你应该能够了解他们是如何通过检查做到了淘汰网页的来源。 –

用于此http://tinkerbin.com/2YhfAxW8 –

这确实是一个图像。但只是为了证明它也是唯一使用CSS可能，这里是一个小提琴的解决方案：http://jsfiddle.net/bspbg/

input{ 
    background-color:rgba(110, 180, 60, 1); 
    padding:10px; 
    border-radius:40px; 
    border-color:white; 
    border-width: 3px; 
    border-style: solid; 
    font-size:2em; 
    font-weight:bold; 
    color: white; 
    margin:20px; 
    margin-left: 70px; 
    box-shadow:-2px -2px 1px 3px rgba(50, 150, 30,1) inset,5px 5px 5px rgba(255, 255, 255,0.5) inset; 
} 
.somebg{ 
    background-color: rgba(100, 200, 230, 1); 
    width: 250px; 
    height: 105px; 
    box-shadow: 0px 0px 40px rgba(1,1,1,0.5) inset; 
}

这里input是按钮。与边界，半径和箱阴影玩，你就大功告成了:)

编辑：new fiddle with background

来源

2012-11-27 08:53:44 leMoisela

它的确定，但图像不像箭头，它只是一个矩形，正如你可以在我的问题中看到附加的图像是箭头类型，我怎么能使它像箭头？ – Smartboy

哦，对不起，没有得到它是你需要的背景。我会尝试，并回来一个解决方案！ – leMoisela

http://jsfiddle.net/bspbg/1/ – Andy