HTML5 border

   frame:

            border: Border Color Border size of the bounding shape;

 

     Decomposed into

            border - width: (number) PX; border size (changing the size of the border)

 

            border - style:; (shape change frame) frame shape

                                         solid; solid boxes

                                       

                                        dashed; dashed box

                                       

                                        dotted; dot chain line block

                                        

                                        double; double line   

                                        

 

            border - color: #ccc; border color (for changing the color of the bezel)

 

            Abbreviated as: border: 5px solid # 000;

 

            Case:

             border - top        :   5px  solid       #000; 

                                       

             border - left        :   5px dashed    #ooo;

                                        

 

             border - right      :   5px double     #000;

                                      

              border - bottom :   5px dotted      #000;

                                          

 

               HTML The triangle diagram:

              css:widrh:0px;

                       heigth:0px;

                       border:30px solid transparent;

                       border-left-color:red;

                       body{background:#000;}

                       Displayed arrow pointing to the right of the triangles.

  

                  

                 Achieve renderings

                     

Guess you like

Origin www.cnblogs.com/nnnns/p/12641234.html