高级圣诞树代码html教程(用c语言编写圣诞树高级代码)
怎样用html中的javascript编写一个圣诞树
圣诞树啊，应该是考虑怎样画三角形吧，用border就可以了哈。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
!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
看着有点丑，楼主可以改变宽度高度以及颜色哈。最后希望采纳哈
圣诞树代码html如何适应手机屏幕
添加viewport标签。让html文件制作的圣诞树代码适应手机屏幕可以在文件里添加viewport标签。HTML的全称为超文本标记语言，是一种标记语言。
手机能打开的圣诞树代码
能。
1、点击鼠标右键，选择新建选项，然后点击mircosoftofficeExcel2007选项新建一个Excel文件。
2、打开新建的Excel文件。选择界面上方的开发工具选项，然后点击宏选项。
3、写明VBA代码名称，然后点击创建按钮，写入指定的VBA代码，点击插入一个按钮控件，并命名为画圣诞树。
4、选中画圣诞树控件，然后点击鼠标右键，选择指定宏。
5、将编写的代码指定至按钮控件上，然后点击确定按钮，点击一次按钮控件，圣诞树就自动画完了。代码（code）是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。
如何用CSS控制div画三角形，圣诞树
新建文本文档】
在桌面新建一个文本文档，并命名为“三角形”，打开新建的文本文档，把html里的doctype、head、body等框架搭好。
【注意】可以在写完之后再重新重命名为.html文件。
2
【创建div并用border属性控制】
布局div，并命名id="tri"，用CSS来控制div，在style里面，使用border属性对div进行控制，
#tri{
width: 0px;
height: 0px;
border-top: 400px solid red;
border-right: 400px solid blue;
border-bottom: 400px solid green;
border-left: 400px solid yellow;
}
【注意】div的长宽设为0，border为边框，会看到如下四个三角状的图形。
3
【修改并选择自己想要的三角形】
上述代码画的还不是三角形，但是是四个三角，只要将border周边的颜色变成白色就可以了，例如除了border-bottom: 100px solid green;其余全变为white，就会看到如下效果，当然你也可以根据自己需要来调整。
此外可以将border-top的像素设为0；其余两边也调小一点并且颜色设为白色，就会只看到底下的一个三角形了。
【注意】根据自己实际来挑选自己想要达到的效果。图一图二效果不同，就是border设定不同的原因。
4
代码如下仅做参考：
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
html
head
meta http-equiv="Content-Type" content="text/html;charset=UTF-8"
title三角练习/title
style
#tri{
width: 0px;
height: 0px;
border-top: 0px solid white;
border-right: 100px solid white;
border-bottom: 400px solid green;
border-left: 100px solid white;
}
/style
/head
body
div id="tri"/div
/body
/html
END
画圣诞树
【画两个三角】
用上面三角形的基础，先画出两个大小不同三角形。
#tri1{
width: 0px;
height: 0px;
border-top: 100px solid white;
border-right: 100px solid white;
border-bottom: 100px solid green;
border-left: 100px solid white;
}
#tri2{
width: 0px;
height: 0px;
border-top: 200px solid white;
border-right: 200px solid white;
border-bottom: 200px solid green;
border-left: 200px solid white;
}
【利用浮动以及margin调到合适位置】
将第一个小三角形浮动起来，这样就覆盖到第2个上面，然后利用margin值调动位置，最终显示出圣诞树的上面内容，代码如下，图如下。
#tri1{
width: 0px;
height: 0px;
border-top: 100px solid white;
border-right: 100px solid white;
border-bottom: 100px solid green;
border-left: 100px solid white;
float: left;
margin-left: 100px;
}
#tri2{
width: 0px;
height: 0px;
border-top: 200px solid white;
border-right: 200px solid white;
border-bottom: 200px solid green;
border-left: 200px solid white;
}
【画树干】
再加入一个div名字为footer，控制其大小形状与颜色，并用margin调整期位置。
#footer{
width: 100px;
height: 200px;
background: gray;
margin-left: 150px;
}
最终，经过调整得到一课圣诞树。如下图所示
完整代码如下，仅做参考
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
html lang="en"
head
meta http-equiv="Content-Type" content="text/html;charset=UTF-8"
title圣诞树练习/title
style
#header{
width: 0px;
height: 0px;
border-top: 100px solid white;
border-right: 100px solid white;
border-bottom: 100px solid green;
border-left: 100px solid white;
float: left;
margin-left: 100px;
}
#main{
width: 0px;
height: 0px;
border-top: 200px solid white;
border-right: 200px solid white;
border-bottom: 200px solid green;
border-left: 200px solid white;
}
#footer{
width: 100px;
height: 200px;
background: gray;
margin-left: 150px;
}
/style
/head
body
div id="header"/div
div id="main"/div
div id="footer"/div
/body
/html
圣诞节的代码
圣诞节代码如下：
1. 使用canvas功能绘制的简单圣诞树，在绘图板中绘制下面这个图形并不算什么难事，但是使用代码来生成这个圣诞树却需要一定的HTML5基础。
下面这个图形使用HTML5中的canvas标签来绘制，如果你熟悉HTML5，这对你来说轻而易举。
2. 雪花效果。jQuery的出现，让各种动画效果变得更加容易。比如，你可以通过jQuery、jQuery.snow.js插件以及少量的代码，就可以让页面中飘舞这雪花。
3. 一个非常漂亮的圣诞贺卡。该贺卡通过Construct2制作，然后通过c2runtime.js使得该贺卡可以直接在网页中运行。Construct2是一款用来制作HTML5应用的软件，拥有一个清晰直观、支持“拖拽”操作的开发环境，即使你没有任何编程经验也能开发自己的HTML5应用。
圣诞节：基督教纪念耶稣诞生的重要节日。亦称耶稣圣诞节、主降生节，天主教亦称耶稣圣诞瞻礼。耶稣诞生的日期，《圣经》并无记载。公元336年罗马教会开始在12月25日过此节。12月25日原是罗马帝国规定的太阳神诞辰。有人认为选择这天庆祝圣诞，是因为基督教徒认为耶稣就是正义、永恒的太阳。
5世纪中叶以后，圣诞节作为重要节日，成了教会的传统，并在东西派教会中逐渐传开。因所用历法不同等原因，各教派会举行庆祝的具体日期和活动形式也有差别。
圣诞节习俗传播到亚洲主要是在十九世纪中叶，日本、韩国等都受到了圣诞文化的影响。现在西方在圣诞节常互赠礼物，举行欢宴，并以圣诞老人、圣诞树等增添节日气氛，已成为普遍习俗。圣诞节也成为西方世界以及其他很多地区的公共假日。