HTML5线条互相连接,如下图!

HTML5线条互相连接,如下图!,第1张

图片有点小,看不太清楚

文字颜色与下划线颜色不一致,说明不是text-decoration:underline来写的,应该是划了一条线,然后相对右边的文字框定位;

下划线链接着两个文字框的两条斜线,应该是画的两条斜线,相对于文字框定位;

综上所述:

1,线条是画出来使用相对定位的;

2,线条有多种画法,比如一个width=1px的div,然后css旋转;或者使用png图片;或者html5的canvas等

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器,新建一个html文件,例如:index.html。

2、其次,在index.html的<body>标签中,添加代码:<hr/>。

3、浏览器运行index.html页面,此时成功在html中画了一条线。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7365926.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存