一种实现实线两端圆点的方法技术

本发明专利技术涉及网页开发技术领域，具体涉及一种实现实线两端圆点的方法。本发明专利技术所述的方法是通过纯HTML和CSS代码直接展现出实线两端圆点的样式。本发明专利技术代替了在目前用图片实现实线两端圆点的情况，用纯代码的形式，有效地减少了文件体积，减少了与服务器的交互次数，从而减轻了服务器的负担，也使得项目的维护更加方便，高效。

【技术实现步骤摘要】

本专利技术涉及网页开发
，具体涉及一种实现实线两端圆点的方法。
技术介绍
在WEB前端开发的过程中，经常会用到一些线的两端是圆点的样式；一般来说，我们都是用背景图的方式直接实现的。但是图片的方式后期维护不方便，有小改动就要更改图片，而且每访问一次图片就会与服务器发生一次通讯，无形中也会增加了服务器的压力。
技术实现思路
本专利技术解决的技术问题在于提供一种基于纯HTML+CSS代码实现实线两端圆点的方法，替代了以往使用图片实现实线两端圆点的方法，增加了后期维护的便捷性，也降低了对服务器的访问次数，减少服务器的压力。本专利技术解决上述技术问题的技术方案是：所述的方法是通过纯HTML和CSS代码直接展现出实线两端圆点的样式。所述的方法包括如下步骤：第1步、创建HTML元素界面布局文件；第2步、创建CSS样式文件；第3步、创建HTML元素DIV，并设置元素DIV的CSS样式，包括宽度、高度、背景色、行距等值；第4步、设置元素DIV的伪类“：before”与“：after”的共同样式，以此生成圆点，包括字体大小、content、以及上边距；第5步、设置伪类“：before”的单独样式，包本文档来自技高网...

【技术保护点】
一种实现实线两端圆点的方法，其特征在于：所述的方法是通过纯HTML和CSS代码直接展现出实线两端圆点的样式。

【技术特征摘要】
1.一种实现实线两端圆点的方法，其特征在于：所述的方法是通过纯HTML和CSS代码直接展现出实线两端圆点的样式。2.根据权利要求1所述的方法，其特征在于：所述的方法包括如下步骤：第1步、创建HTML元素界面布局文件；第2步、创建CSS样式文件；第3步、创建HTML元素DIV，并设置元素DIV的CSS样式，包括宽度、高度、背景色、行距等值；...

【专利技术属性】
技术研发人员：陈龙聪，季统凯，
申请(专利权)人：国云科技股份有限公司，
类型：发明
国别省市：广东;44