博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS实例:图片导航块
阅读量:4658 次
发布时间:2019-06-09

本文共 967 字,大约阅读时间需要 3 分钟。

  1. 认识CSS的 盒子模型。
  2. CSS选择器的灵活使用。
  3. 实例:
    1. 图片文字用div等元素布局形成HTML文件。
    2. 新建相应CSS文件,并link到html文件中。
    3. CSS文件中定义样式
      1. div.img:border,margin,width,float
      2. div.img img:width,height
      3. div.desc:text-align,padding
      4. div.img:hover:border
      5. div.clearfloat:clear

HTML

CSS

div.small{    width:200px;    float:left;    margin:20px;}div.small img{    width:100%;    height:auto;    }div.describe{    text-align:center;    padding:2px;}div.small:hover{    border:1px solid #777777;}div.clean{    clear: both;}

运行结果

转载于:https://www.cnblogs.com/Qzlhxxx/p/7699203.html

你可能感兴趣的文章
MyEclips快捷键,多行注释
查看>>
【原】ios打包ipa的四种实用方法(.app转.ipa)
查看>>
python中的nonloca和global
查看>>
UVa1225,Digit Counting
查看>>
Python包管理工具pip安装
查看>>
Android环境的配置
查看>>
android graphical layout 显示不出xml设计的解决方案
查看>>
克隆虚拟机后需要修改的配置
查看>>
rtpproxy 配置
查看>>
关于postman中表单提交与数据包提交的问题,file_get_contents("php://input")可以获取数据,$_POST不能获取数据...
查看>>
中国剩余定理(孙子定理)
查看>>
QT学习资源
查看>>
团队冲刺9
查看>>
VB: 再次使用的体会
查看>>
Hibernate优缺点
查看>>
c++
查看>>
JavaScript延时执行函数中对call和apply的应用
查看>>
Hadoop中HDFS工作原理
查看>>
zookeeper-3.4.5-cdh5.1.0 完全分布式安装
查看>>
1.2输出100以内的素数&输出前100个素数。
查看>>