CSS三角箭头应用实践的示例分析 ，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

公司主营业务：成都网站建设、成都网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出泉山免费做网站回馈大家。

用CSS来制作无图片带箭头的DIV方框（此代码比较适合追求纯代码者）
这类效果也可以用图片背景来实现，代码会更简洁
CSS代码：

1. div.container{position:absolute;    

2.        top:30px;    

3.        left:40px;    

4.        font-size: 9pt;    

5.        display:block;    

6.        height:100px;    

7.        width:200px;    

8.        background-color:transparent;    

9.        *border:1px solid #666;    

10.        }    

11.        s{    

12.        position:absolute;    

13.        top:-20px;    

14.        *top:-22px;    

15.        left:20px;    

16.        display:block;    

17.        height:0;    

18.        width:0;    

19.        font-size: 0;     

20.        line-height: 0;    

21.        border-color:transparent transparent #666 transparent;    

22.        border-style:dashed dashed solid dashed;    

23.        border-width:10px;    

24.        }    

25.        i{position:absolute;    

26.        top:-9px;    

27.        *top:-9px;    

28.        left:-10px;    

29.        display:block;    

30.        height:0;    

31.        width:0;    

32.        font-size: 0;    

33.        line-height: 0;    

34.        border-color:transparent transparent #fff transparent;    

35.        border-style:dashed dashed solid dashed;    

36.        border-width:10px;    

37.        }    

38.        .content{    

39.        border:1px solid #666;    

40.        -moz-border-radius:3px;    

41.        -webkit-border-radius:3px;    

42.        position:absolute;    

43.        background-color:#fff;    

44.        width:100%;    

45.        height:100%;    

46.        padding:5px;    

47.        *top:-2px;    

48.        *border-top:1px solid #666;    

49.        *border-top:1px solid #666;    

50.        *border-left:none;    

51.        *border-right:none;    

52.        *height:102px;    

53.        box-shadow: 3px 3px 4px #999;    

54.        -moz-box-shadow: 3px 3px 4px #999;    

55.        -webkit-box-shadow: 3px 3px 4px #999;    

56.        /* For IE 5.5 - 7 */    

57.        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');    

58.        /* For IE 8 */    

59.        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";     

60.        }  

HTML代码：

1.   

2.           

3.             
   这是框中的文字，可动态显示。高度自动增加，应该不错吧^_^   

4.