我突然发现的一个问题,如果大家在做项目的时候,想在一张背景图片上写一些东西,给怎么办?如果你简单的理解,在一个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>
看效果图:
这样的小技巧要总结起来,这样到了做大项目的时候就能用的上了。尽管我现在的水平不是很高,但是我想,我通过平时不断的积累,会有一天能看到成绩的!