CSS CSS图像框架 - 使用CSS设置图像样式的简便方法
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS CSS图像框架 - 使用CSS设置图像样式的简便方法相关的知识,希望对你有一定的参考价值。
<style type="text/css">
.img
{
display: inline-block;
position: relative;
text-decoration: none;
}
.img img
{
border: 1px solid #cccccc;
padding: 10px;
}
img:hover { border-color: #aaaaaa; }
.img div
{
background: #666666;
color: #ffffff;
opacity: .70;
padding: 3px 0px;
position: absolute;
left: 0px;
bottom: 25px;
text-align: center;
width: 100%;
}
.img:hover div { opacity: .90; }
</style>
<a href="#" class="img">
<img src="http://www.nealgrosskopf.com/images/gallery/thumbs/100_2640.jpg">
<div>Green Plants</div>
</a>
以上是关于CSS CSS图像框架 - 使用CSS设置图像样式的简便方法的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 CSS 为多个图像设置不同的样式?
Python + Selenium - 如何检查使用 CSS 设置样式并显示为内容的图像?
如何设置图像的 CSS 样式以适应引导宽度
css 设置标准图像类的样式
codeigniter css 样式
CSS选择样式=“float:left”的图像可能吗?