只要两条线的话直接用css也行，before和after两个画两条线，然后而rotate旋转个正负45度(具体度数自己慢慢调)，最后顶多再绝对定位微调一下位置就可以了。
创新互联公司于2013年成立，是专业互联网技术服务公司，拥有项目成都网站建设、网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元徐水做网站,已为上家服务,为徐水各地企业和个人服务,联系电话:028-86922220
接下来就简单了，将设计稿上的路径图形用插件生成对应的SVG，(注意，其中的foreignObject标签内是不支持svg的浏览器会看到一张.m3-svg-nosupport标签下的图片。
如果你只了解可缩放矢量图形 (SVG)，并希望体验 SVG，则你首先需要解决的问题之一是如何向基本网页添加 SVG。 如果你看一下相对基本的网页模板，便可获知如何开始执行此操作。
script src=js/jquery.drawsvg.js/script 初始化插件 在页面DOM元素加载完毕之后，可以通过下面的方法来使SVG图形生成轮廓线动画效果。
进入任一listing详情页，无需点击，JS插件即自动呈现页面内嵌数据：月销量、日销量、价格和排名的历史趋势等关键数据，便于一目了然商品生命周期，分析热销潜力商品；知己知彼，合理安排自己的运营策略。
接下来就简单了，将设计稿上的路径图形用插件生成对应的SVG，(注意，其中的foreignObject标签内是不支持svg的浏览器会看到一张.m3-svg-nosupport标签下的图片。
比如响应tick事件然后改变元素坐标就可以实现动画功能，而使用TweenJS来创建补间动画，则可以省去你很多代码，简化了操作。
EditPlus(文本编辑器)EditPlus是一款为Internet准备的、运行于Windows 下的32位文本、html编辑器，同时也是程序员们非常喜爱的编辑器。
AdobeEdge AdobeEdge是一款新型网页互动工具，允许设计师通过HTMLCSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。
h5的制作工具有：Adobe Edge 目前还处于预览阶段的Adobe Edge是用HTMLCSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。
Animatron Animatron是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。
Initializr Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。
涂鸦壁 这是一款用纯HTML5实现的强大绘图工具。它的界面看起来很复杂，因为它提供了很多预设定的特殊绘图效果，比如气泡，变形文字，镂空，编织线等，非常的漂亮。如果说这不是用flash实现的，可能有很多人不相信。
Bomomo更像是一个涂鸦工具，娱乐性很强，用它可以画出色彩缤纷的各种奇异图案、纹饰，它提供了很多种预设的涂鸦工具。每种工具都具有动画效果，让你快乐的画出赏心悦目的美丽图案。
Initializr Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。
Spritebox 是一个所见即所得的工具，帮助 Web 设计者迅速而轻松地从一张精灵图片(CSS Sprit Image)创建CSS类和ID选择符样式。
我个人用的比较多的是iH5，之前叫VXPLO。好像知道的人不是很多，但功能的确很强大，PC端建站、APP原型都能做，还能做多屏交互什么的，不过我们公司主要用它做微信H5。模板有，比较好的得付费，反正我不喜欢模板，哈哈。
WebStorm WebStorm是一款Java开发工具，目前已经被广大中国JS开发者誉为\Web前端开发神器\、\最强大的HTML5编辑器\、\最智能的JavaIDE\等。
WebStorm WebStorm是一款Java开发工具，目前已经被广大中国JS开发者誉为\Web前端开发神器\、\最强大的HTML5编辑器\、\最智能的JavaIDE\等。
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4JavaScript应用，并实时预览。
HBuilder是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。
WebStorm WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。
LimeJS LimeJS是一个HTML5游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。以上就是向大家推荐12款优秀的HTML5开发工具。希望能帮到大家。
③：MobileAngularUI MobileAngularUI是使用bootstrap3和AngularJS的响应式移动开发HTML5框架。
