如何在HTML中画一条线

如何在HTML中画一条线,第1张

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

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

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

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

用input页面标签

并将下Border设为直线

<style>

input[type="text"]{border-bottom:solid 1px #ccc}

<style>

<input type="text"/>

输出一条横线用:<hr>如果想让它长点就改变它的样式:<hr style="width:1000PX">变长和粗:<hr style="width:1000PXheight:20px">其中width 是宽(长),height是高(粗细)。

扩展资料:

<head></head>:这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用做书签和收藏清单。

参考资料来源:百度百科-html代码

用盒子模型实现竖线的效果。首先需要打开hbuilder编辑器,新建一个html文件,写入基本的html结构:然后插入一个div标签,在上方的style标签里面设置div的css样式,这里给div设置背景颜色,并给它一个高度,宽度设置为0,设置border-left属性即可做出竖线:最后打开浏览器,即可看到一个蓝色的竖线了。

插入<hr/>标签实现,修改宽度和高度实现竖线效果,由于<hr/>标签有局限性,不推荐使用;示例如下:<hr style="height:60pxwidth:1px" />。插入<table>表格标签,修改样式实现竖线效果,示例代码如下;<table style="height:60pxborder-color:000000border-left-style:solidborder-width:1px"><tr><td valign="top"></td></tr></table>


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

原文地址: https://outofmemory.cn/bake/11724705.html

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

发表评论

登录后才能评论

评论列表(0条)

保存