圣诞树啊，应该是考虑怎样画三角形吧，用border就可以了哈。
创新互联建站是一家专注于做网站、网站设计与策划设计,秦安网站建设哪家好?创新互联建站做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:秦安等地区。秦安做网站价格咨询:028-86922220
当div宽度为0，高度为0的时候，只设置border的大小和四边不同颜色可看到下图，只保留一边的颜色，另外三边的颜色设置为transparent可得到一个方向的三角形。
div+css画三角形代码原理采用的是均分原理。在矩形的直角，两条边的样式要均分，比如左上角 border-top 和 border-left 的样式要均分 如果border-left 无色透明， border-top有色， 就会出来一个45度的锐角。
外部样式：将网页链接到外部样式表。内页样式：在网页上创建嵌入的样式表。行内样式：应用内嵌样式到各个网页元素。
在head标签中加载一个CSS文件示例 此例使用了link标签。
内联样式表：内联样式表是写在标记内的，只对所在标记有效。内部及联样式表：利用标记将样式表嵌在HTML文件的头部。外部级联样式表：使用标记可以将样式表链接到网页上。
自定义CSS的三中方方式：行间样式表 行间样式表是指将CSS样式编码写在HTML标签中，格式如下 我的CSS样式。行间样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=之中。
1、OOCSS(面向对象的CSS)OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。
2、这个代码主要包括以下几个方面：边框样式：可以通过CSS设置搜索框的边框宽度、颜色、样式等特征。例如，可以使用border属性设置搜索框的边框样式。
3、首先可以确认一点的是，CSS3和CSS本质上是一样的，都是层叠样式表，但两者又有很大的区别，或者说CSS3是CSS的升级补充版本。
4、css代码是对应网页里的标签和不同的DIV来表现其表现形式的。所以要写css代码，必须先知道网页的架构。比如说 首页 个人中心 我的好友 然后你在css里定义为：menu{corlor=#ccc；} 那么menu里的文字颜色就会显示为 灰色。
5、Dreamweaver是现今最好的网站编辑工具之一，而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS，用它来给制作网页的CSS样式表会更简单、更方便。