css二级相册,利用css制作简易相册

简易css相册 by linxz http://www.linxz.cn

* {margin:0;padding:0;}

ul {width:148px;height:590px;float:right;list-style:none;}

li {width:54px;height:54px;float:left;margin:10px;display:inline;overflow:hidden;}

li a {width:50px;height:50px;display:block;overflow:hidden;border:2px solid #ccc;}

img {display:block;overflow:hidden;border:none;margin:-150px 0 0 -80px;} /* margin的负值是控制图片显示小图的大概位置 */

/* 主要针对IE6的a:hover的BUG */

li a {position:static;}

li a:hover {border:2px solid #000;}

/* 主要针对IE6的a:hover的BUG end */

li a:hover img {margin:0;position:absolute;top:10px;left:10px;border:2px solid #fff;}

#photo {width:748px;height:590px;margin:0 auto;position:relative;background:#333;}

h1 {width:100px;height:20px;position:absolute;bottom:20px;right:10px;text-align:right;font:normal 12px/1.5em "宋体";color:#fff;}

p {width:100px;height:20px;position:absolute;bottom:0;right:10px;text-align:right;font:normal 12px/1.5em Verdana;color:#fff;}

简易css相册

by linxz

css二级相册,利用css制作简易相册相关推荐

计算机考试flash保存,2017年计算机二级考试考点：制作Flash相册
计算机二级考试要来了,大家做好准备迎接考试了吗?出国留学网诚意整理"2017年计算机二级考试考点:制作Flash相册",只要付出了辛勤的劳动,总会有丰硕的收获!欢迎广大考生前来学习 ...
利用jQuery制作简易手风琴
利用jQuery制作简易手风琴实现步骤 1.引入jQuery文件 2.将写好的标签进行样式修改 3.逻辑代码的书写我们先来看看效果: 实现步骤 1.引入jQuery文件 <script sr ...
利用jQuery制作简易弹幕效果
利用jQuery制作简易弹幕效果实现步骤: 1.制作样式 2.逻辑,思路实现步骤: 1.制作样式我们先来看看body中的代码: <body><div class="b ...
利用Unity3D制作简易2D计算器
利用Unity3D制作简易2D计算器标签(空格分隔): uiniy3D 1. 操作流程在unity3DD中创建一个新项目注意选择是2D的(因为默认3D) 在Assets框右键新建C#脚本在新建 ...
html5怎么制作音乐相册,怎么制作音乐相册－怎么制作音乐相册并加字幕就是很多照片制作动画加背景音乐加文字...
怎么制作音乐相册-怎么制作音乐相册并加字幕就是很多照片制作动画加背景音乐加文字音乐相册制作是我们与各位小伙伴老生常谈的话题,先不说咱自家的狸窝PPT转换器可以做出各种风格的音乐相册,现如今很多视频 ...
利用JS制作简易计算器
目的:利用JS制作一个简易的计算器,能够实现简单四则运算要求:三个输入框输入值只能是数字,当输入非数字时提示并清空输入框,利用正则表达式:点击按钮实现计算. 话不多说,贴图为上: 看了效果图,下面就 ...
html与css编程证书,利用CSS布局做一个简单的荣誉证书（代码示例）
本篇文章将给大家介绍如何使用css布局制作一个简单的荣誉证书,有趣且实用,希望对需要的朋友有所帮助! 那么利用css布局实现简单荣誉证书样式的效果是非常简单的,主要用到以下几个基础属性: backgr ...
css大图切割,利用CSS切割图片技术来动态显示图片
利用CSS切割图片来切换图片 .img2 { position:absolute; clip:rect(0px 20px 20px 0px); } .img1 { position:absolute; ...
用html和css画太极图,利用css画一个太极图(阴阳八卦)实例
这篇文章介绍利用css画一个太极图(阴阳八卦)实例 #yin-yang { width: 96px; height: 48px; background: #eee; border-color: red ...
android相册制作,如何用手机制作音乐相册安卓手机能不能制作音乐相册，手机制作音乐相册的方法...
音乐相册大家应该都有自己制作过,狸窝家园也说过关于音乐相册制作的方法,但是我们一般制作音乐相册都是用电脑来进行制作的,那对于没有电脑或者是不方便使用电脑的童鞋来说就非常的不方便.针对这个问题,小编特意 ...

css二级相册,利用css制作简易相册

简易css相册

css二级相册,利用css制作简易相册相关推荐

最新文章

热门文章