css边框透明画三角形

最新推荐文章于 2024-04-23 14:33:07 发布

weixin_34014277

最新推荐文章于 2024-04-23 14:33:07 发布

阅读量504

点赞数

原文链接：https://yq.aliyun.com/articles/482076

版权

 
         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 strick//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
        
         < 
         html 
         > 
        
         < 
         head 
         > 
        
         < 
         title 
         > New Document </ 
         title 
         > 
        
         < 
         meta  
         name 
         = 
         "Generator"  
         content 
         = 
         "EditPlus" 
         > 
        
         < 
         meta  
         name 
         = 
         "Author"  
         content 
         = 
         "" 
         > 
        
         < 
         meta  
         name 
         = 
         "Keywords"  
         content 
         = 
         "" 
         > 
        
         < 
         meta  
         name 
         = 
         "Description"  
         content 
         = 
         "" 
         > 
        
         < 
         style 
         > 
        
         div { 
        
         height:1000px; 
        
         width:1000px; 
        
         background:gray; 
        
         } 
        
         #triangle { 
        
         width:0px; 
        
         height:0px; 
        
         border-top:200px solid transparent  ; 
        
         border-right:200px solid transparent ; 
        
         border-bottom:200px solid pink; 
        
         border-left:200px solid transparent ; 
        
         } 
        
         </ 
         style 
         > 
        
         </ 
         head 
         > 
        
         < 
         body 
         > 
        
         < 
         div 
         > 
        
         < 
         div  
         id 
         = 
         "triangle" 
         > </ 
         div 
         > 
        
         </ 
         div 
         > 
        
         </ 
         body 
         > 
        
         </ 
         html 
         >