仅使用CSS创建标签或标签 [英] Create a Label or Tab using only CSS

问题描述

我想仅使用CSS并尽可能不使用图像来创建外观类似的标签或标签.这就是我的意思:

I would like to create a tab or label like look using only CSS and no images if possible. Here is what I mean:

我可以创建一个端点，但无法创建三角形点.是否可以仅使用CSS来做到这一点?

I can create one end but I have not been able to create the triangle point. Is it possible to do this with only CSS?

推荐答案

确实有创建CSS三角形的方法，这是css-tricks.com的一部分:

There are indeed ways to create CSS triangles, here's a part from css-tricks.com:

.arrow-right {
   width: 0; 
   height: 0; 
   border-top: 60px solid transparent;
   border-bottom: 60px solid transparent;
   border-left: 60px solid green;
}

http://css-tricks.com/snippets/css/css-三角形/

这篇关于仅使用CSS创建标签或标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！