随笔-34  评论-0  文章-0  trackbacks-1

图片加文字的链接兼容IE chrome FF

<style type="text/css">
<!--
BODY 
{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;FONT: 12px/1.75 宋体,arial,sans-serif}
UL 
{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
LI 
{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;LIST-STYLE-TYPE: none}
IMG 
{ BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px}
a
{ color: #333333; text-decoration: none; }
.pt100 
{
    PADDING-LEFT
: 111px
}

.ulPic
{ WIDTH: 106px }
.ulPic IMG 
{ BACKGROUND: #fff; border: 1px solid #d7d7d7; vertical-align: top; padding: 2px; }

.ulPic LI .tit 
{ BACKGROUND: #f5f5f5; OVERFLOW: hidden; CURSOR: pointer; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: center; display: block; }
.ulPic LI A:hover 
{
    ZOOM
: 1
}
.ulPic LI A:hover IMG 
{
    BORDER-RIGHT
: #c00 1px solid; BORDER-TOP: #c00 1px solid; BORDER-LEFT: #c00 1px solid; BORDER-BOTTOM: #c00 1px solid
}
.ulPic LI A:hover .tit 
{
    COLOR
: #c00; TEXT-DECORATION: underline
}
</STYLE>

 

 

 <DIV class="pt100">

<UL class="ulPic ptPic">
  <LI><href="http://bbs.pcauto.com.cn/topic-2831650.html" target=_blank><IMG 
  
height=75 alt=迈腾1.8T提车记 src="pc.files/1_3.jpg" width=100><SPAN 
  
class=tit>迈腾1.8T提车记</SPAN></A> </LI></UL>
<UL class=ulTxt><LI></LI></UL>
</DIV>
标签: CSS
posted on 2011-11-01 12:00 小小池 阅读(7) 评论(0) 编辑 收藏
  设计重在构思。技术在变,思想永不过时。
昵称:小小池
园龄:6年9个月
粉丝:0
关注:0
<2011年11月>
303112345
6789101112
13141516171819
20212223242526
27282930123
45678910

搜索

 
 

常用链接

我的标签

随笔分类

随笔档案

ORM

积分与排名

  • 积分 - 24222
  • 排名 - 4343

最新评论

阅读排行榜

评论排行榜

推荐排行榜