html画线需要适应不同屏幕,hr标签不止创建html水平线也可以画圆噢

看到上面这张图，第一反应是用photoshop类似作图软件画出来的，但那是华丽丽的错觉。一个简单的

标签就能完成漂亮的效果，而不仅仅是创建html水平线。想知道怎么实现吗？Let's do it！

FILTER: Alpha 透明度设置的效果，实例

Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)

Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。

FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。

Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。

StartX和StartY：代表渐变透明效果的开始X和Y坐标。

FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。

标签的属性

更多实例：

1、普通分隔线：

2、分隔线宽度属性：

或者

(宽度为实际点数或百分比)

3、分隔线位置属性：

(位置分为 Left、Center、Right 三种)

4、分隔线厚度属性：

(奇怪，height=10 似乎不能起到效果)

5、分隔线无阴影属性：

6、分隔线彩色属性：

或者

(颜色可调)

7、渐变颜色的分隔线：

8、中心透明的分隔线：

9、中心不透明的分隔线：

10、波浪线：

11、三色线：

12、虚线：

13、竖线：

html画线需要适应不同屏幕,hr标签不止创建html水平线也可以画圆噢相关推荐

在yuv上画线_利用布雷森汉姆算法绘制在YUV图像上画直线
最近,因工作需要,在YUV图像上画直线: 算法1步骤: 1.已知直线的起点和终点: 2. 利用布雷森汉姆算法在两点间画直线: 3. 将该直线上的点的颜色在YUV图像上画出. 布雷森汉姆算法原理参考wi ...
VC++简单实现工具软件随鼠标移动画线的功能
一些绘图或仿真软件都有这功能,随鼠标移动,始终有一条线从起点跟随到鼠标当前位置:这功能不只是随鼠标移动画线:实际要实现2个功能:擦除前一条线,再画一条从起点到当前鼠标位置的线: 环境Win10,VC6 ...
18怎么确定板子形状_板绘怎么画线条排线？板绘小白画线不稳怎么办？
想学习绘画去找不到方法?小编为大家提供一套学习素材~~领取方式在文章最后~~ 很多初学者在刚刚接触板绘的时候经常会因为手不稳而无法控制线条的运用,导致画面显得粗糙,形状或结构不标准,画面花等等问题. ...
Echarts柱状图柱子上“画线”
需求背景需要在柱状图上实现"画线",作为其它数据的标识,图例代码实现思路:"画线部分"由两部分组成,一部分透明柱子加线的部分 let e5Data = {l ...
绘画板绘-小白画线不稳怎么办？
很多初学者在刚刚接触板绘的时候经常会因为手不稳而无法控制线条的运用,导致画面显得粗糙,形状或结构不标准,画面花等等问题. 然而其实手稳是学习绘画中第一个要克服的难关,不管你画什么样的作品首先要手稳才能 ...
初学画画怎么画线稿？学画线稿的方法有哪些？
本文由"学美术上美术集网校"原创,图片素材来自网络,仅供学习分享初学画画怎么画线稿?学画线稿的方法有哪些?想必这些问题都是绘画初学者们比较伤脑筋的问题,那么到底怎样才能画好画线稿 ...
babylon 画线_【温故知新】——BABYLON.js学习之路·前辈经验（一）
前言:公司用BABYLON作为主要的前端引擎,同事们在长时间的项目实践中摸索到有关BABYLON的学习路径和问题解决方法,这里只作为温故知新. 一.快速学习BABYLON 二.需要掌握的基本技能 1. ...
Graphics.h画线函数和初始化绘制环境
昨天帮同学做了个课程实验(一个非计算机专业同学),有看到了graphics.h这个头文件,还记得在大一的时候刚刚接触C语言,一片茫然(当时0基础学习计算机,刚刚学会上网),还好寝室有大神带着,一步一步 ...
CAD看图软件如何画线？
初学CAD的朋友们,我们在刚开始学习CAD制图的时候,都需要先从简单的图形开始练习,例如绘制各种线段.这时候需要使用易于上手的CAD制图软件,我们可以使用 X 捷CAD看图软件.那么,CAD看图软件 ...

html画线需要适应不同屏幕,hr标签不止创建html水平线也可以画圆噢

html画线需要适应不同屏幕,hr标签不止创建html水平线也可以画圆噢相关推荐

最新文章

热门文章