❶ 如何用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" "http://www.w3.org/TR/html4/loose.dtd">
<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" "http://www.w3.org/TR/html4/loose.dtd">
<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>
❷ 如何用c语言编一个圣诞树，谢谢
打印两个等边三角形，再打一个矩形就可以实现圣诞树雏形；
参考代码如下：
❸ 怎么用java编写一个圣诞树，我有图，帮我改下就行
您好！我没有懂您为什么这么写,我写了一个简单易懂的，代码如下：
System.out.println("*");
System.out.println("* *");
System.out.println("**");
System.out.println("**");
System.out.println("*********");
System.out.println("**");
System.out.println("**");
System.out.println("**");
System.out.println("**");
格式有问题。。。，您看图吧：
❹ c语言，怎么做出这个圣诞树求写代码拍下来，必采纳
printf("%5s ",str); 表示右对齐，占5位输出字符串 str， 代表换行。代码：
#include<stdio.h>
intmain()
{
printf("%5s ","O");
printf("%6s ","OOO");
printf("%7s ","OOOOO");
printf("%6s ","OOO");
printf("%8s ","OOOOOOO");
printf("%9s ","OOOOOOOOO");
printf("%5s ","O");
printf("%5s ","O");
printf("%5s ","O");
printf("%5s ","O");
return0;
}
编译运行：
❺ 如何用C语言画一个“圣诞树”
#include <stdio.h>
#include <stdlib.h>
int main(int argc, char* argv[])
{
int j,s;
int k,x;
int y;
int n = argc > 1 ? atoi(argv[1]) : 4;
for ( j = 1; j <= n; j++) {
s = 1 << j, k = (1 << n) - s, x;
for ( y = s - j; y >= 0; y--, putchar(' ')) {
for (x = 0; x < y + k; x++) printf(" ");
for (x = 0; x + y < s; x++) printf("%c ", '!' ^ y & x);
for (x = 1; x + y < s; x++) printf("%c ", '!' ^ y & (s - y - x - 1));
}
}
}
❻ 电脑的C语言怎样编写出圣诞树
打印两个等边三角形，再打一个矩形就可以实现圣诞树雏形；
参考代码如下：
#include<stdio.h>
voidmain()
{
inti,j;
printf("* ");
for(i=2;i<4;i++)
{
printf("");
for(j=1;j<2*i;j++)
printf("*");
printf(" ");
}
for(i=1;i<5;i++)
{
printf("");
for(j=1;j<2*i;j++)
printf("*");
printf(" ");
}
for(i=1;i<4;i++)
{
printf("");
printf("*** ");
}
}
❼ 如何用 C 语言画一个“圣诞树”
画圣诞树
1，用 C 语言画的“圣诞树”，对于我一个美术生来说，画画是自己的兴趣，我也很喜欢画画，从小对画画还有创意性的，我大学是学艺术设计的，用电脑操作绘画是我的专业，我尝试用最少代码来画一个抽象一点的圣诞树，可惜没有画树干。然后，我尝试用更真实一点的风格。因为树是一个比较自相似的形状，这次使用递归方式描述树干和分支。就是画一主树干，树干越高看着就越幼。
所以考虑到太小的叶片是很难采样得到好看的结果，我尝试以一个较大的球体去表现叶片，就如素描时考虑更整体的光暗，而不是每片叶片的光暗，这样画出来的效果非常的漂亮，我觉得结果已有进步。
❽ java编打出5行圣诞树，求教每一步详细思想。下面是代码
按照你的要求加详细注释的圣诞树Java程序如下：(编程思想在注释中说明)
publicclassShengDanShu2{
//这个程序的编程思想是利用对for循环变量i的控制达到一层循环代替双层循环的目的
publicstaticvoidmain(String[]args){
intn=5;//初始化打印圣诞树层数变量n
inta=0;//初始化打印前置空格数变量a
intb=0;//初始化打印星号数变量b
for(inti=1;i<=n;i++){//打印n层圣诞树
if(a!=(n-i)){//如果前置空格数不等于n-i
System.out.print("");//打印一个空格
a++;//前置空格数加一
i=i-1;//i变量减一目的是固定住i变量不变直到a==n-i
}elseif(b!=(2*i-1)){//如果星号数不等于2*i-1
System.out.print("*");//打印一个星号
b++;//星号数加一
i=i-1;//i变量减一目的是固定住i变量不变直到b==2*i-1
}elseif(a==(n-i)&&b==(2*i-1)){//当以上两个条件都满足时，换行初始化a和b为0
System.out.println();//打印换行
a=0;//对新的一行重新初始化前置空格数变量a
b=0;//对新的一行重新初始化打印星号数变量b
//这里没有控制for循环的i变量减一,因为这时i变量加一,开始新一行。
}
}
}
}运行结果：
*
***
*****
*******
*********
❾ 用c++设计一个圣诞树程序
#include <iostream>
using namespace std;
int main()
{cout<<'*'<<endl;
cout<<"*1*"<<endl;
cout<<"*2 3*"<<endl;
cout<<"*4 5 6* "<<endl;
cout<<"*7 8 9 10* "<<endl;
cout<<"**"<<endl;
cout<<"**"<<endl;
cout<<"**"<<endl;
}
简单的问题用for反而麻烦了，我这个虽然是笨办法，但还算清楚易懂吧
❿ 这是用css写的圣诞树的代码，看不懂啊，能不能逐条翻译一下，为什么这么写
<类型>
* {填充：0；保证金：0；}
位置：相对。树{；}
树的div。{ position:绝对；宽度：0；高度：0；}
树。木材{宽度：20px；高度：50px；背景颜色：灰色；左：50%；margin-left: - 10px；顶：170px；}
。A1 {边境：40px固绿；边境上：40px固体# FFF；左：50%；margin-left: - 40px；高层：0；}
A2。{左边界：40px固绿；边境上：40px固体# FFF；左：50%；高层：0；}
B1。{边界：70px固体绿；边境上：固体# FFF 70px；左：50%；margin-left: - 70px；顶：20px；}
。B2 {左边界：70px固体绿；边境上：固体# FFF 70px；左：50%；顶部20px；}
。C1 {边界：100px固绿；边境上：100px固体# FFF；左：50%；margin-left: - 100px；顶：70px；}
C2。{左边界：100px固绿；边境上：100px固体# FFF；左：50%；顶：70px；}
< /样式>
＜div class=“树”>
＜div class=“木”> <数据>
＜div＞＜／div = C1类＞＜div＞＜／div = C2类>
＜div＞＜／div = B1类＞＜div＞＜／div = b2类>
＜div class=“A1”＞＜／div＞＜div class=“A2”> <数据>
<数据>