查看“︁模板:Line/doc”︁的源代码

此模板用于创建带有渐变色的彩色色条。

== 参数 ==
三个参数都是<strong>必填</strong>参数。
; 1
: 别名: <code>height</code>
: 色条高度, 单位为px (像素) , 不带单位。
; 2
: 别名: <code>color-left</code>, <code>colour-left</code>
: 左侧颜色 (CSS颜色值) 。
; 3
: 别名: <code>color-right</code>, <code>colour-right</code>
: 右侧颜色 (CSS颜色值) 。

== 用法 ==
<pre>{{Line|宽度|深色(CSS颜色值)|浅色(CSS颜色值)}}</pre>
等同于
<pre>{{Line|height=宽度|color-left=左侧颜色 (CSS颜色值)|color-right=右侧颜色 (CSS颜色值)}}</pre>

[https://developer.mozilla.org/zh-CN/docs/Web/CSS/color_value CSS颜色值详细说明]

=== 示例 ===
<pre>
{{Line|6|#2196f3|#ffffff}}
</pre>
(6px 高, 从<span style="background-color:#2196f3">#2196f3 (蓝) </span>到纯白)
{{Line|6|#2196f3|#ffffff}}

<pre>
{{Line|6|rgb(191,255,223)|transparent}}
</pre>
(6px 高, 从<span style="background-color:rgb(191,255,223)">rgb(191,255,223) (浅绿) </span>到透明)
{{Line|6|rgb(191,255,223)|transparent}}

<pre>
{{Line|6|red|blue}}
</pre>
(6px 高, 从红到蓝)
{{Line|6|red|blue}}

<!-- 彩色色条 
这条色条有什么意义吗? —Aunst -->
<div style="width:100%; float:left; height:5px; background: linear-gradient(to right, #2196f3 , #ffffff);"></div>