需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，复制问题基础代码。
2、在index.html中的<body>标签中，加入html代码：<div style="width:1024pxheight:1pxbackground-color: #0000FFborder: 1px none #000000"></div>。
3、浏览器运行index.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代码
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）