多语言展示
当前在线:1645今日阅读:23今日分享:25

如何制作新闻标题下面的小三角?

在编写html、css过程中,我们经常会使用一些小三角来实现一些功能,那么小三如何使用html、css 来进行制作呢?小面是小编利用border边框来实现的小三角,希望能够给大家带来帮助
工具/原料
1

电脑

2

记事本

3

浏览器

方法/步骤
1

右键新建一个txt文件

2

右键重命名txt文件为text.html,如图所示:

3

用文本方式打开文件并编写html,内容为:小三角

4

增加两个div,一个div盒子用来填写文本,另一个用来组成盒子边框的三角。

5

增加两个div盒子的text/css 的样式,如图所示:

6

保存文件  双击,或者右键 选择浏览器打开,如图所示:新闻的小三角制作完成。

推荐信息