css聖誕樹問題??

css

alanalam8 2015-01-29 20:45:00 ‧ 2184 瀏覽

分享至

&lt;!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01//en" "http://www.w3. org/TR/html4/strict.dtd">

    &lt;meta name="content-type" content="text/html; charset=utf-8">
    &lt;title>圣??&lt;/title>
    &lt;style>
        #content{
            height:680px;
            background:black;
        }
/*??*/        
        .tri{
            width:0px;
            height:0px;
            border-style:solid;
            border-width:50px;
            border-top-width:0px;
            border-color:green transparent;
            margin:auto;
        }
        .tri1{
            border-width:50px;
            border-top-width:0px;
        }
        .tri2{
            border-width:100px;
            border-top-width:0px;
        }        
        .tri3{
            border-width:150px;
            border-top-width:0px;
        }
/*?干*/
        #rectangle{
            width:90px;
            height:150px;
            background:#CC9900;
            margin:auto;
        }
    &lt;/style>


    &lt;div id="content">
        &lt;div class="tri tri1">&lt;/div>
        &lt;div class="tri tri2">&lt;/div>
        &lt;div class="tri tri3">&lt;/div>
        &lt;div id="rectangle">&lt;/div>
    &lt;/div>

我在做一個聖誕樹
想請問一下, border-style:solid; ← 這行一定要加嗎? 可解釋一下他的用意嗎~~
搞不太懂 ~~~ 3q~~