CSS border for all directions isosceles Right angle triangle

CSS code:

1 . Border_cort,. Border_corr,. Border_corb,. Border_corl{2 Display:Inline-block;3 width:0;4 Height:0;5 Border-width:6px;6 Overflow:Hidden;7}8 . Border_cort{9 Border-color:#333 Transparent Transparent;Ten Border-style:solid dotted dotted; One} A . Border_corr{ - Border-color:transparent #333 Transparent transparent; - Border-style:dotted solid dotted dotted; the} - . Border_corb{ - Border-color:Transparent Transparent #333; - Border-style:dotted dotted solid; +} - . Border_corl{ + Border-color:transparent transparent transparent #333; A Border-style:dotted dotted dotted solid; at}

HTML code:

1 <spanclass= "Border_cort"></span>//down ARROW2 <spanclass= "Border_corb"></span>//Up ARROW3 <spanclass= "Border_corl"></span>//Right ARROW4 <spanclass= "Border_corr"></span>Left Arrow

CSS border for all directions isosceles Right angle triangle