精通 CSS+DIV 网页样式与布局 111

最新推荐文章于 2024-07-25 15:36:30 发布

相濡以沫si

最新推荐文章于 2024-07-25 15:36:30 发布

阅读量188

点赞数

分类专栏： css+div 文章标签： css 图片

本文链接：https://blog.csdn.net/myjnt/article/details/53675759

版权

css+div 专栏收录该内容

168 篇文章 0 订阅

订阅专栏

margin:0px;
height:90px; width:135px;
}
div.pt img{ /* 竖直图片 */
margin:0px;
height:135px; width:90px;
}
div.pic ul{
display:none; /* 幻灯片模式，不显式图片信息 */
}
div.ls a{
display:block; /* 定义为块元素 */
padding:34px 14px 36px 11px; /* 将超链接区域扩大到整个背景块 */
}
div.pt a{
display:block;
padding:11px 36px 14px 34px; /* 将超链接区域扩大到整个背景块 */
}
div.ls a:hover{ /* 鼠标经过时修改背景图片 */
background:url(framels_hover.jpg) no-repeat center;
}
div.pt a:hover{
background:url(framept_hover.jpg) no-repeat center;
}
<html>
<head>
<title> 电子相册</title>
<link rel=”stylesheet” href=”11-6catalog.css”>
</head>
<body>
<div class=”pic ls”>
<a href=”photo/01.jpg” class=”tn”><img src=”photo/thumb/01.jpg”></a>
<ul>
<li class=”title”>鸣沙山</li>
<li class=”catno”>Trip01</li>
<li class=”price”>￥79.9</li>
</ul>
</div>
<div class=”pic ls”>
<a href=”photo/02.jpg” class=”tn”><img src=”photo/thumb/02.jpg”></a>
<ul>
<li class=”title”>鸣沙山的植被</li>
<li class=”catno”>Trip02</li>
<li class=”price”>￥59.7</li>

相濡以沫si

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
精通 CSS+DIV 网页样式与布局 111

margin:0px; height:90px; width:135px; } div.pt img{ /* 竖直图片 */ margin:0px; height:135px; width:90px; } div.pic ul{ display:none; /* 幻灯片模式，不显式图片信息 */ } div.ls a{ display:block; /* 定义为块元素 */
复制链接

扫一扫