HTML5 边框

   边框 ：

            border : 边框大小   边框形态    边框颜色 ；

 

     可分解成

            border - width :   (数字)px ;  边框大小(改变边框的大小)

 

            border - style :                   ;  边框形态(改变边框的形状)

                                         solid;          实线框

                                       

                                        dashed;      虚线框

                                       

                                        dotted;        点划线框

                                        

                                        double;        双线框   

                                        

 

            border - color :      #ccc      ;  边框颜色(用于改变表框的颜色)

 

            简写为： border: 5px  solid   #000;

 

            案例：

             border - top        ：   5px  solid       #000; 

                                       

             border - left        ：   5px dashed    #ooo;

                                        

 

             border - right      ：   5px double     #000;

                                      

              border - bottom ：   5px dotted      #000;

                                          

 

               HTML 的 三角型图 ：

              css：widrh:0px;

                       heigth:0px;

                       border:30px solid transparent;

                       border-left-color:red;

                       body{background:#000;}

                       显示有个箭头指向右边的三角形.

  

                  

                 实现效果图