- 首先打开DW软件进入后,点击文件然后点击新建,然后选择HTML然后创建
2. 在<title>利用边框制作三角形</title> 中间打上一个标题 <body></body>中间给他一个<div></div>
3,在<title>利用边框制作三角形</title>,后面给他一个<style></style>然后在<style></style>中间给它一个div{}在括号里面给它一个宽为 width:0px;,高为height: 0px;
然后在后面直接给他一个border的复合属性直接写了给他一个10px在给他一个实线solid;
然后border-color的颜色进行单独设置,然后给他一个黑的颜色然后在后面在设置3个透明色
border-color: black transparent transparent transparent;
4,点击文件,点击另存为(A),然后会弹出一个框在文件名哪里打上一个文件名字然后点击保存
,点击圆形在点击在浏览器中打开,在点击选择谷歌浏览器,就可以在浏览器看见三角形的效果了
这是我所学到的三角形案例说明,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!