<dl> <dt>领导、老师</dt> <dd><img src="images/tx1.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzzzz</a></dd> <dd><img src="images/tx2.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd> <dd><img src="images/tx3.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd> <dd><img src="images/tx4.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd> <dd><img src="images/tx5.jpg" width="100" height="100" /><a href="#">zzzzzzzzzzz</a></dd> </dl>
dl dd{ margin-top:10px; height:100px; border:1px solid #F00; /*颜色*/ } dl dd img{ float:left; border:1px solid #F00; /*颜色*/ } dl dd a{ line-height:100px; /*注意这行代码,惹是不写,得不到想要的结果哦*/ vertical-align:middle; border:1px solid #F00; /*颜色*/ text-align:left; }
相关推荐
原本不是圆形图片,通过CSS样式布局实现成圆形图片,首先图片必须为正方形。 二、使用布局技术 使用CSS3 圆角技术实现。 使用CSS3样式单词:border-radius 语法: div{border-radius:5px} 对图片设置...
css3文字特效_css3火焰文字_css3文字渐变代码
是初学阶段学员的良好教程, 相信看后受益匪浅! 里面详细讲解了各种图像与文字的混合排版方式。
css3翻转文字css3翻转文字css3翻转文字css3翻转文字css3翻转文字
jquery css3图片文字介绍鼠标滚动页面动画单页 jquery css3图片文字介绍鼠标滚动页面动画单页
文字环绕图片的css布局效果,实现图片右上角显示,文字在其左侧,高度超出图片的部分宽度恢复为100%宽,实现环绕效果的小demo。
纯css3艺术文字样式效果代码 纯css3艺术文字样式效果代码
html+js+css图片轮播图下方配文字可变图片可点击
纯css3 transition鼠标悬停图片文字动画显示 纯css3 transition鼠标悬停图片文字动画显示
纯css3鼠标滑过图片文字遮罩动画特效 纯css3鼠标滑过图片文字遮罩动画特效 纯css3鼠标滑过图片文字遮罩动画特效 纯css3鼠标滑过图片文字遮罩动画特效
css3悬停图片标题文字显示动画特效
jQuery css3旅游网鼠标悬停图片文字动画效果 jQuery css3旅游网鼠标悬停图片文字动画效果
纯CSS图片流畅缩放显示详情代码,鼠标移到图片上后图片会缩小,同时下方显示产品的文字描述,兼容主流浏览器
网页抓取软件Flash css 文字图片 网页抓取软件Flash css 文字图片 网页抓取软件Flash css 文字图片 网页抓取软件Flash css 文字图片 网页抓取软件Flash css 文字图片 网页抓取软件Flash css 文字图片 网页抓取软件...
CSS3实现的十五种图片经过文字显示特效源码下载
HTML5 CSS3实现3D感极强的彩色立体文字源码,这个效果超赞啊,这种三维风格我很喜欢,而且...在CSS和JS中可修改三维效果选项,鼠标滑过文字时,文字响应鼠标,会晃动。本效果支持移动端和PC端的HTML5浏览器。源码完整。
纯css3鼠标悬停图片文字翻转遮罩层 纯css3鼠标悬停图片文字翻转遮罩层 纯css3鼠标悬停图片文字翻转遮罩层 纯css3鼠标悬停图片文字翻转遮罩层
css3 animation酷炫的文字动画特效 css3 animation酷炫的文字动画特效
这是一款效果非常炫酷的css3火焰文字特效。该css3火焰文字特效仅用10行代码就可以实现,效果特别炫酷。
HTML css图片放大效果,鼠标放在图片上后图片放大,离开后缩小