圣诞树啊，应该是考虑怎样画三角形吧，用border就可以了哈。
<!DOCTYPE html><html>
<head>
<title></title>
<style type="text/css">
.ss{
height: 0
width: 0
position: absolute
border: 20px solid tan
border-color: transparent transparent #1fd224 transparent
}
.s1{
border-width:80px
top: 100px
left: 400px
}
.s2{
border-width:100px
top: 115px
left: 382px
}
.s3{
border-width:120px
top: 126px
left: 362px
}
.s4{
border-width:140px
top: 140px
left: 342px
}
.dd{
height: 130px
width: 40px
position: absolute
top: 420px
left: 460px
background-color: #1fd224
}
</style>
</head>
<body>
<div class="s1 ss"></div>
<div class="s2 ss"></div>
<div class="s3 ss"></div>
<div class="s4 ss"></div>
<div class="dd">
</div>
</body>
</html>
看着有点丑，楼主可以改变宽度高度以及颜色哈。最后希望采纳哈
据我了解是这样HTLM应该是超文本标记语言不是协议，HTTP那东西才是协议,js和javascript实际上是一样的，javascript简称叫 js ， JScript 是 微软出的 跟javascript差不多，现在都叫JS了，HTML/CSS/javascript W3C都有制作规范与标准。dom树是属于javascript的一部分,javascript大体包含3个西:ECMAScript语法(在此基础上建立的javascript语法,还如FLASH的ActionScript也基于ECMAScript扩展的),DOM对象（文档），BOM对象（浏览器）.
而DOM对象的出现是为了方便javascript操作HTML标签而已.BOM对象也就是操作浏览器了.标准的HTML文档实质上就是一个是就一个树形结构的XML文档
DOM全名document object model 文档对象模型，也就是基于HTML文档出来的，所以操作DOM实际上就是在操作HTML文档对象(每一个标签).
CSS只能修饰HTML的样式而已，而javascript能把HTML与CSS相结合，也就是以前所说的DHTML（动态HTML）。
http只是传输协议，没他的话网站都打不开了。
html这套标签机制也是又W3C规范的，每个浏览器对CSS，HTML，JS的解析都存在问题，所以当时就出现了W3C这个民间的组织，重点是民间组织，O(∩_∩)O哈哈~，组成就是为了说服各大浏览器厂商统一解析CSS，HTML，JS,目前各大浏览器厂商对标准支持的越来越好了（IE最差，可能有钱有势吧，老弄些IE特有属性与方法，而不采用DOM核心方法），但是还是存在差异，希望开发者再也不用为浏览器兼容考虑那一天的到来。
看到你的补充,我很无语,你最开始问的问题，连基本概念性的东西都搞不明白，还说书上一大堆,你真的搞明白了没？CSS操作DOM都跑出来了，够囧，基本几个东西的关系你都搞不清楚，你还问机制怎么实现的，你干脆去问浏览器怎么做的吧，说话有点冲动了，别介意，也不晓得你详细看了我上面的问答没,老兄一步一个脚印吧，你还没到那境界！
