如何在HTML中画一条线
7个回答
展开全部
需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先打开html编辑器，新建一个html文件，例如：index.html。
2、其次，在index.html的<body>标签中，添加代码：<hr/>。
3、浏览器运行index.html页面，此时成功在html中画了一条线。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在html中实现画一条心的效果的方法是有很多种的，最简单的就是使用<hr>标签或者css中border属性。
工具原料：编辑器、浏览器
一、使用border实现画一条线的效果
1、可以给一个一定宽度的元素设置一个border-bottom属性，让其只有一个底边框，进而实现一条线的效果，代码如下：
<div id="div1">
</div>
<style>
#div1{
margin-top: 100px;
width: 900px;
border-bottom: 1px solid #000000;
}
</style>
2、运行效果如下：
二、使用hr标签实现画一条线
1、使用hr标签实现画一条线效果，代码如下：
<html>
<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>
2、运行效果如下：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用代码：<hr>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<hr /> 一条线
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<canvas id="myCanvas">您的浏览器不支持canvas</canvas>
<script>
window.onload = function(){
var myCanvas = document.getElementById("myCanvas");
var context = myCanvas.getContext("2d");
context.beginPath();//开始
context.strokeStyle = "red";//线的颜色
context.moveTo(50, 50);//起点
context.lineTo(100,100);//终点
context.stroke();//结尾
}
</script>
</body>
</html>
可以用HTML5的画布canvas画
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
