Html5圆形top,html5 – 左边是圆形的CSS三角形边？

我认为这就是你在寻找

http://css-tricks.com/snippets/css/css-triangle/

#talkbubble

{

width: 100px;

height: 36px;

background: #FFCC05;

position: relative;

-moz-border-radius:8px 0 0 8px;

-webkit-border-radius:8px 0 0 8px;

border-radius:8px 0 0 8px;

margin-right:50px;

}

#talkbubble:before

{

content:"";

display:block;

position: absolute;

right: -36px;

top:0;

width: 0;

height: 0;

border: 18px solid transparent;

border-color: transparent transparent #FFCC05 #FFCC05;

}

​