在编写html、css过程中,我们经常会使用一些小三角来实现一些功能,那么小三如何使用html、css 来进行制作呢?小面是小编利用border边框来实现的小三角,希望能够给大家带来帮助
工具/原料
1
电脑
2
记事本
3
浏览器
方法/步骤
1
右键新建一个txt文件
2
右键重命名txt文件为text.html,如图所示:
3小三角
用文本方式打开文件并编写html,内容为:
4
增加两个div,一个div盒子用来填写文本,另一个用来组成盒子边框的三角。
5
增加两个div盒子的text/css 的样式,如图所示:
6
保存文件 双击,或者右键 选择浏览器打开,如图所示:新闻的小三角制作完成。
上一篇:css如何制作菱形