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

2025-11-19 20:11:18

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

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

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

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

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

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

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

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

5、样式如下图所示:

<style type="text/css">

        body

        {

            background :gray;

        }

      #a

      {

          width :0px;

          height :0px;

          background:gray;

          border-top:60px inset yellow;

          border-right :60px dotted white;

          border-bottom :60px solid white;

          border-left:60px solid white;

          margin:0 auto;

         

      }

    

    

    </style>

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

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

6、运行效果如下:

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢