html的tips字数有限制,如图所示，这样的tips提示样式用html+css怎么写？

给个例子吧，使用纯css实现三角(三角方向向下，向上css修改下即可)。

css3面包屑

*{

margin:0px;

padding:0px;

}

img,a {

border:none;

}

ul {

list-style-type:none;

}

#tip {

width:200px;

height:100px;

border:1px solid #FF9966;

margin:100px auto;

background-color:#FFFF99;

position:relative;

padding:10px;

text-indent:20px;

}

#tip i {

width:0px;

height:0px;

line-height:0px;

position:absolute;

border-width: 20px 20px 0px 20px;

border-style:solid dashed dashed dashed;

border-color:#FF9966 transparent transparent transparent;

bottom:-20px;

right:10px;

}

#tip em {

width:0px;

height:0px;

line-height:0px;

position:absolute;

border-width: 18px 18px 0px 18px;

border-style:solid dashed dashed dashed;

border-color:#FFFF99 transparent transparent transparent;

bottom:-18px;

right:12px;

}

糗友们，我的春天来啦！一样糗友大力支持！！！我的幸福就靠你们了！

实现三角方案：

1：利用 border 属性实现三角形(上面的例子就使用这种方式)。

2：利用”◆“字符实现三角形

3：利用 CSS3 transfrom 旋转 45 度实现三角形

4：也可以使用一些字体图标中的三角图标实现，很容易，比如Font Awesome 字体图标中的chevron-right图标。