Home > Article > Web Front-end > An example to get css screenshot

An example to get css screenshot

高洛峰Original: 2016-11-24 14:22:151310browse

各种语言都有截图的方法，我主要是做php，php当然也有截图的函数。css也是可以截图的，这对于做美工的人员来说，肯定都很熟悉，但是对做程序的来说，就不一定熟悉了。突然感觉css也是非常的强大的。

下面我们来看一个例子，大家肯定能明白css是怎么样实现截图的。

&lt;HTML&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf8" /&gt;
&lt;style type="text/<a href="http://www.php1.cn/category/72.html">css</a>"&gt;
.photo1 {
 background-image: url("<a href="http://www.php1.cn/category/72.html">css</a>_cut.gif");      #定义了一个背景图片
 background-position: 100% 100%;            #背景位置放到最右下角
 height: 50px;                                                             #div的高度
 width: 50px;                                                             #div的宽度
}
 
.photo2 {
 background-image: url("<a href="http://www.php1.cn/category/72.html">css</a>_cut.gif");            #定义了一个背景图片，和上面的图片是一样的
 background-position: 0 0;                                    #背景位置放到最左上角
 height: 50px;                                                            #div的高度
 width: 50px;                                                            #div的宽度
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class="photo1"&gt; &lt;/div&gt;
&lt;strong&gt;他们二个分家了&lt;/srong&gt;
&lt;div class="photo2"&gt; &lt;/div&gt;
&lt;/body&gt;
&lt;/HTML&gt;

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：css clear float encyclopedia, 8 methods in totalNext article：css clear float encyclopedia, 8 methods in total

See more

An example to get css screenshot

Related articles