css中怎么去掉打印预览中下面多余的线

html-css013

css中怎么去掉打印预览中下面多余的线,第1张

1、首先,给一个标签添加文字修饰属性。

2、其次,设置属性值为none。

3、最后,表示文本修饰没有线条,即可去掉打印预览中下面多余的线。css是层叠样式表。

很简单,添加背景图片即可

background: url(htt防止p:/和谐/baike.bdimg.com/static/wiki-lemma/normal/resource/img/paraTitle-line_c5e6d61.png)

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

.demo{

width:200px

height:10px

background:-webkit-linear-gradient(left, rgb(80,80,255,0.2) , #fff) /* Safari 5.1 - 6.0 */

background: -o-linear-gradient(left, rgb(80,80,255,0.2) , #fff)/* Opera 11.1 - 12.0 */

background: -moz-linear-gradient(left, rgb(80,80,255,0.2) , #fff)/* Firefox 3.6 - 15 */

background: linear-gradient(to left, rgb(80,80,255,0.2) , #fff)/* 标准的语法 */

}

</style>

</head>

<body>

<div class="demo" ></div>

</body>

</html>