css学习札记(第四节)-HTML教程-爱易网页

css学习札记(第四节)

日期：2014-05-17　浏览次数：20845 次

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>

看效果图：