An example of a CSS screenshot

Various languages have the method, I mainly do php,php of course also have some functions. CSS is also possible, this is to do the art of the staff, must be very familiar with, but to do the procedure, it is not necessarily familiar. Suddenly feel that CSS is also very powerful.

Let's take a look at an example, and you'll definitely understand how CSS is implemented.

&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> "&AMP;GT; photo1 {background-image:url ("<a href=" http://www.php1.cn/category/72.html ">css</a>_cut.gif");& nbsp;&nbsp;&nbsp;&nbsp;&nbsp; #定义了一个背景图片 background-position:100% 100%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; #背景位置放到最右下角 height:50px;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; #div的高度 width:50px;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; #div的宽度}. Photo2 {Background-image:url ("<a href=" http://www.php1.cn/category/72.html ">css</a>_cut.gif ");&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; #定义了一个背景图片, and the picture above is the same background-position:0 0;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;& nbsp; &nbsp;&nbsp;&nbsp; &nbsp; #背景位置放到最左上角 height:50px;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; #div的高度 width:50px;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; #div的宽度}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;div class= "Photo1" &gt; &lt;/div&gt;&lt;strong&gt; two of them split up &lt;/srong&gt;&lt;div class= "Photo2" &gt; &lt;/div&gt;&lt;/body&gt;&lt;/HTML&gt;

