如何编码某些CSS形状？ [英] How to code certain css shapes?

问题描述

我试图在CSS下面的形状。任何想法如何做到这一点？或者知道一个教程网站可以帮助？

I am trying to make the shape below in CSS. Any ideas how to do this? Or know a tutorial site that can help? I am talking about the tag like shapes that are yellow.

另外，任何人都知道如何使用css做一个形状，它是一个正方形/矩形，在底部有两个圆角边缘

Also secondly does anyone know how to make a shape with css that is a square/rectangle that has two rounded edges at the bottom but right angled corners at the top?

谢谢！

James

推荐答案

是的;你可以用纯 CSS &

Yes; you can do this with pure CSS & with gradient also.

检查此http://jsfiddle.net/9EEEP/3/

带边框&圈子 http://jsfiddle.net/9EEEP/2/

with border & circle http://jsfiddle.net/9EEEP/2/

您可以根据您的要求调整 css ，例如 http：// jsfiddle。 net / 9EEEP / 5 /

you can adjust the css as per your requirement like this http://jsfiddle.net/9EEEP/5/

这篇关于如何编码某些CSS形状？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！