三角形CSS样式

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>三角形title>
        <style>
        .box{
            height: 0;                        
            width: 0;                        /*宽高为零*/
            border: 50px solid transparent;    /*先把所有边设为透明*/
            border-top-color: red;            /*给顶部加上颜色，就是一个向下的三角形*/
        }
        style>
    head>
    <body>
        <div class="box">div>  
    body>
html>

向下的红色三角形

 
htmlcss

相关

html css js书写规范

html css 文本分散对齐，两端对齐

标签