1、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。
2、然后通过background给div添加一张图片作为它的背景。
3、接着可以通过url()来连接图片,url里面放置的就是背景图片的路径。
4、随意地放了一张图片用作背景,一定要注意,路径要写对。
5、这样,保存之后文字就会覆盖在图片的上面了。
这个需要了解一下鼠标经过的样式,这里需要用到两个属性::hover,overflow:hover{}/*鼠标经过的样式*/
overflow/*内容溢出框架的效果*/
<style>
.div{ width:100pxheight:50pxoverflow:hidden}/*内容溢出宽度100像素高50像素隐藏*/
.div:hover{ overflow:auto}/*鼠标经过的时候,溢出的内容自动显示*/
</style>
<div class="div">这是一段文字!</div>