渐变线

作者: 笑Skr人啊 | 来源:发表于2017-04-26 15:51 被阅读6次
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>渐变线</title> 
<style>
#divId {
    height: 200px;
    background: -webkit-linear-gradient(black, white,black); 
}
</style>
</head>
<body>

<h3>线性渐变 - 从上到下</h3>
<p>从顶部开始的线性渐变。起点颜色慢慢改变</p>

<div style="background:black;height:200px;width:200px">   
    <div id="divId" style="height:200px;width:2px;margin:0 auto">
    </div>
</div>

</body>
</html>

显示效果:

渐变线

相关文章

  • 变线

    紫光落从渺渺九天,烟霞笼络莽莽野原; 飘鹭雀跃喙衔彩云氤氲, 丛鹿探首浅饮碧溪潺涓。 忽或咤雷熔焱 冰释瀑飞惊泻绝...

  • 变线人生

    这个世纪初,说的好像很久远似的~~~看电影没有现在这么平常,电影票还是比较贵的,一个月工资的50分之一吧,...

  • 渐变线

    显示效果:

  • css3渐变

    渐变线 渐变线从渐变框中心向两个方向进行拓展,起点和终点是渐变线与经过渐变框的一个角的垂直线的相交点。渐变的第一个...

  • 渐变线练习

    今天做渐变线的练习,还是沉不住气,小面积的头发还能耐心点,巴特面积太小找不到感觉。黑色裙子简直灾难啊,纸面蹭的都是...

  • 阿平设计教你CAD绘图改变线型宽度的方法

    阿平设计教你CAD绘图改变线型宽度的方法

  • 线性渐变--跟着李南江学编程

    渐变分为线性渐变和径向渐变线性渐变,从一个方向到另一个方向渐变 径向渐变,从一指定位置向四周扩散渐变 一、默认的渐...

  • 概念画板笔刷工具教程

    【钢笔、喷泉、定宽】这些笔刷广泛用于绘图中。钢笔和喷泉笔可通过速度改变线宽。我们收到一些关于压感无法改变线宽的反馈...

  • Thread类的常用方法

    String getName()返回该线程的名称。 void setName(String name)改变线程名称...

  • 热线援助变线下

    今天晚上,我接到一个心理援助热线,15岁的孩子打来的。由于情况比较特殊,我就联系汇报,我们线下来与孩子见面了。 架...

网友评论

    本文标题: 渐变线

    本文链接:https://www.haomeiwen.com/subject/icnizttx.html