手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-13 04:27:49

1、右键新建一个txt文件

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

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

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

3、用文本方式打开文件并编写html,内容为:<!DOCTYPE html>挢旗扦渌;<html><he锾攒揉敫ad><meta charset="UTF-8"><title>小三角</title></head><body></body></html>

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

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

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

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

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

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

如何制作新闻标题下面的小三角
© 手抄报圈