php 新闻hot图标,div+css实现图片右上角hot、new等图标样式

方法：用DIV+CSS实现

CSS部分修改:

.hot_play{ position:relative;}

.hot_play ul{ float:left;}

.hot_play li{ float:left; position:relative; width:95px; margin:4px 19px 16px 0;overflow:hidden;}

.hot_play a img{ width:86px; height:120px; padding:2px; border:1px solid #cfcfcf;}

.hot_play a:hover img{ border-color:#8ECFF9;}

或者：

定义好图片的坐标也可以：

.hot_play span{display:block; width:35px; height:34px;position:absolute; left:0px; top:0px;}

.hot_play span.back{ background:url(images/hot.gif) no-repeat; }

主页部分修改:

php 新闻hot图标,div+css实现图片右上角hot、new等图标样式相关推荐

DIV+CSS布局图片加阴影效果方法
DIV+CSS布局图片加阴影效果方法转自:爱微网 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
html网页图片滚动代码用css和div,DIV+CSS网页图片滚动源代码
DIV+CSS网页图片滚动源代码 style="overflow:hidden;width:500px;"> border="0"> id=&quo ...
html设置复选框图片,css实现图片右上角添加复选框的方法
css实现图片右上角添加复选框的方法发布时间:2020-06-15 10:59:23 来源:亿速云阅读:221 作者:Leah 这篇文章给大家分享的是css实现图片右上角添加复选框的方法,相信大部 ...
html删除图片效果,html+css实现图片右上角加删除叉、图片删除按钮
这篇文章主要介绍了html+css 实现图片右上角加删除叉.图片删除按钮,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下为了纪录下,以后可能用到 ...
html中如何写新闻题目,用DIV+CSS实现网页排版中新闻列表的制作
css代码: .list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0p ...
html中两个图片叠放,CSS实现图片叠放（勾选图标）
场景我们经常会遇到这种场景,有一个待选图片列表,在图片上(可能是右上角也有可能时右下角)叠放一个勾选状态图标,这篇文章就记录实现这个功能的过程. 原理利用flex布局space-around显示图 ...
html中div图片大小,如何用DIV+CSS控制图片大小范围？
牧羊人nacy 使用CSS max-width和max-height实现图片自动等比例缩小很简单我们要使用到max-width和max-height,这样即可设置对象图片最大宽度和最大高度,这样图片就 ...
div+css的图片滚动效果
想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦.下面说一下这个相对简单的实现思路:一 ...
html把图片做成导航条背景,DIV+CSS背景图片导航菜单的实现方法
导航菜单通常的做法是用ul li,但是ul li纯文本方式的导航菜单实现的效果比较简单,我们可以使用背景图片来实现菜单的个性化设置.让我们开始吧: 先看效果图: 仅这一张图片,我们实现一个横行CSS菜 ...

php 新闻hot图标,div+css实现图片右上角hot、new等图标样式

php 新闻hot图标,div+css实现图片右上角hot、new等图标样式相关推荐

最新文章

热门文章