css图片上方加字 |css悬浮照片提示信息

p标签作为一个段落标签，可以用来描述和阐述一段文字或者思想。在Web开发中，大家经常需要在图片上方加上某些文字或者标语，这时候大家就可以使用CSS来实现。 首先，大家需要在HTML中添加一张图片，然后使用CSS定位来实现文字或标语的添加。以下是示例代码：

<div class="container">
<img src="image.jpg">
<p class="caption">这是一段图片的描述</p>
</div>
<style>
.container {
position: relative;
}
.caption {
position: absolute;
top: 0;
left: 0;
background-color: #000;
color: #fff;
font-size: 20px;
padding: 10px;
opacity: 0.7;
}
</style>

使用position属性来使caption的位置相对于container定位，然后使用top和left属性来定位caption的位置。大家还可以使用background-color、font-size和padding等CSS属性来美化caption的样式。通过opacity属性可以控制caption的透明度，以适应不同的情境。 在实际使用中，大家可以根据需要更改caption的样式和位置。总之，这种方法是一种简单、有效的方式，可以在不影响页面布局的情况下为图片添加描述。