如何用CSS样式控制文字浮于图片上方

html-css08

如何用CSS样式控制文字浮于图片上方,第1张

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>