相关疑难解决方法(0)

用CSS圆角箭头

可能重复:
如何使用border-radius在CSS3中创建三角形

他们有可能用CSS制作吗?

正常箭头:

.some_element:after{      
  content: '';
  height: 0;
  width: 0;
  position: absolute;        
  top: 0;
  left: 0;       
  border: 100px solid transparent;
  border-top-color: #000;           
}
Run Code Online (Sandbox Code Playgroud)

(http://jsfiddle.net/W3xwE/)

圆形箭头(我只希望底部圆形):

在此输入图像描述

:(

css css3

9
推荐指数
1
解决办法
9476
查看次数

带圆角的CSS六角形按钮

我可以使用CSS创建相同的按钮.圆角是重要角落的主要原因.带圆角的三角形按钮,请参阅下面的代码和图片

图片

.lngbtn {
	position: relative;
	width: 150px;
	height: 50px;
	margin: 50px;
	color: #FFFFFF;
	background-color: #f4d046;
	text-align: center;
	line-height: 48px;
    padding: 16px;
	font-weight: bold;
}



.lngbtn:before {
    content:"";
    position: absolute;
    right: 100%;
    top:0px;
    width:0px;
    height:0px;
    border-top:25px solid transparent;
    border-right:30px solid #f4d046;
    border-bottom:25px solid transparent;
}

.lngbtn:after {
    content:"";
    position: absolute;
    left: 100%;
    top:0px;
    width:0px;
    height:0px;
    border-top:25px solid transparent;
    border-left:30px solid #f4d046;
    border-bottom:25px solid transparent;
}
Run Code Online (Sandbox Code Playgroud)
<a href="#" class="lngbtn">Get to know us</a>
Run Code Online (Sandbox Code Playgroud)

css button css3 css-shapes

4
推荐指数
2
解决办法
1439
查看次数

使用CSS绘制圆角三角形

我想围绕这个三角形:

http://jsfiddle.net/RNsW2/

是这样的:

在此输入图像描述

有没有办法用CSS做到这一点?我不想使用图像.

css drawing

0
推荐指数
1
解决办法
5622
查看次数

标签 统计

css ×3

css3 ×2

button ×1

css-shapes ×1

drawing ×1