图片廊
2016-02-17 17:08
369 查看
<!DOCTYPE html> <html> <head> <style> div.img { margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px; } </style> </head> <body> <div class="img"> <a target="_blank" href="klematis_big.htm"><img src="/images/klematis_small.jpg" alt="Klematis" width="110" height="90"></a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis2_big.htm"><img src="/images/klematis2_small.jpg" alt="Klematis" width="110" height="90"></a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis3_big.htm"><img src="/images/klematis3_small.jpg" alt="Klematis" width="110" height="90"></a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis4_big.htm"><img src="/images/klematis4_small.jpg" alt="Klematis" width="110" height="90"></a> <div class="desc">Add a description of the image here</div> </div> </body> </html>
ps:border属性有三个子属性:线宽 线型(solid是指实线) 颜色。
相关文章推荐
- 《用户体验要素》读后感
- Road to Django
- java JSONObject对象序列化与反序列化
- RecyclerView 解析
- oracle-绑定变量学习笔记(未完待续)
- [置顶] 解决 ecshop 资金管理的权限问题
- (九)建造者模式
- 系统重启后ngix reload不生效原因分析
- vsftpd详解
- 【运动传感器】Madgwick算法(下)
- Kotlin初体验
- 向数据库中添加内容 manageStdInfo.aspx
- ubuntu安装php7.0.3遇到的问题
- JSP
- 任务调度的 Java 实现方法二:quartz
- Virtual Box 复制虚拟机后网络冲突或者无法启动 问题解决方法
- Spring事务配置的五种方式
- 奇怪的电梯解题报告
- PHP之数据分组
- c#中abstract、override、new、virtual、sealed使用和示例