日期:2014-05-17  浏览次数:20793 次

css学习笔记(第四节)
我突然发现的一个问题,如果大家在做项目的时候,想在一张背景图片上写一些东西,给怎么办?如果你简单的理解,在一个div里放一张图片,然后再在div里面写一些文字,那么这样做的话就错了。今天,给大家一个方法,能够解决这个问题。
    

<html>
<head>

<title>Border-radius</title>
</head>
<body>
<div style="background-image: url(hong2.jpg); background-position: left top, -320px bottom, -640px top;background-repeat: no-repeat, no-repeat, repeat-y;width:260px;padding:20px;"> <p>这是一个宽为300px,高度自适应的多背景示范容器,完成的一个九宫格模型</p> </div>
</body>
</html>
 


看效果图:

 

这样的小技巧要总结起来,这样到了做大项目的时候就能用的上了。尽管我现在的水平不是很高,但是我想,我通过平时不断的积累,会有一天能看到成绩的!