养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML-----画出一个三角形

时间:2024-11-06 05:05:18

如何用HTML中所学的知识画出一个三角嚼嘛叽堑形,现在我们来练习如何用visualstudio软件来画出一个倒立的三角形。

HTML-----画出一个三角形

工具/原料

visualstudio软件工具,也可以用其他工具。

倒立三角形

方法/步骤

1、first打开visualstudio软件工具,会出现如下放所示的对话框。

HTML-----画出一个三角形

2、second新建一个HTML文件,具体擢爻充种的选项如下方所示,如果你选用的软件工具也是visualstudio工具的话,要选择跟下图一样的选项。

HTML-----画出一个三角形

3、third单击【添加】选项,会出现如下的对话框,如下图所示:

HTML-----画出一个三角形

4、接下来,开始写代码了,首先在body主体部分,写如下图所示的代码:

HTML-----画出一个三角形

5、样式如下图所示:<styletype="text/css&qu艺皱麾酪ot;>body{惺绅寨瞀background:gray;}#a{width:0px;height:0px;background:gray;border-top:60pxinsetyellow;border-right:60pxdottedwhite;border-bottom:60pxsolidwhite;border-left:60pxsolidwhite;margin:0auto;}</style>

HTML-----画出一个三角形

HTML-----画出一个三角形

6、运行效果如下:

HTML-----画出一个三角形

© 一点知识