html中画一条带尖角的分割线，怎么做

bensonxie 2017-07-27 11:37:37

请问各位朋友，我需要在一个手机端的页面上画一条带尖角的分割线，应该怎么做呢？谢谢。
效果如图

...全文

597 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

业余草 2017-08-01

打赏
举报

似梦飞花 2017-07-31

打赏
举报

svg dasharray dashoffset

bensonxie 2017-07-28

打赏
举报

我试试看，十分感谢~~

天际的海浪 2017-07-27

打赏
举报


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
.la {
	float: left;
	width: 300px;
	height: 15px;
	border-bottom: 1px solid #999;
}

.lb {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0px 6px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	transform: rotate(45deg);
}
</style>
</head>
<body>

<div class="la"></div>
<div class="lb"></div>
<div class="la"></div>


</body>
</html>

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息...

在使用echarts环形图实现半圆进度条的过程中，遇到一个究极蛋疼的问题，这个进度条需要是一个圆角的，但是目前echarts对圆角的支持并不完善（只支持平角和尖角，尖角的实现请看：使用echarts实现多重环形图） ...

（PS：下述内容或许部分表述有误，请谨慎参考，但以下操作本人均测试正常；本文很多内容参考了网友智慧，在次深表感谢。大部分参考资料已经注明来源，但...1. 吐槽一大堆，省略xxx字 2. 准备工作 2.1 安装 R 2.2 安装

一、什么是html5、以及能做什么？（了解） \1. html5就是一门技术的总称，围绕着html所衍生出来的技术都统称为html，而后面的这个数字5就代表的是版本的一个意思，目前是发展到了第5个版本。 \2. 在这门技术中包含...

在画板中如何加粗某一条线？画板分成短线和长线，短线可以先打孔多少线宽走多少电流如何多跟线一起走？ALL Objects 的说明：覆铜检查DRC规则检查丝印导入logo拼版什么是V-CUT?什么是邮票孔？装配图的输出BOM文件