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

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

  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
        img{
        width: 300px; height: 200px;}div.img{
        border: 1px solid hotpink; width: 200px; height: 180px; float: left; margin: 5px;}div.img img{
        width: 100%; height: 80%;}div.desc{
        text-align: center; padding: 5px;}div.img:hover{
        border: 2px solid cornflowerblue;}.clearfloat{
        clear:both;}

转载于:https://www.cnblogs.com/zsy-97/p/7698748.html

你可能感兴趣的文章
web移动端开发技巧与bc平台搭建注意事项
查看>>
UI设计师如何提升UI设计视觉体验?
查看>>
C语言学生成绩管理系统分享
查看>>
各种UNIX系统下root密码的修复
查看>>
博客园小技巧
查看>>
eclipse启动tomcat 404
查看>>
python 内置模块之logging
查看>>
JAVA打好基础,走向编程之路
查看>>
套接字选项(长篇,未完待更新)
查看>>
JS中Array数组的三大属性用法
查看>>
Java 框架
查看>>
day15--JavaScript
查看>>
java.lang.reflection打印一个类的全部信息
查看>>
OkHttpClient源码分析(四)—— CacheInterceptor
查看>>
全网最全 Dalvik 指令集解析 !
查看>>
oracle12c,各种问题解决方案
查看>>
连引用都答不上,凭什么说你是Java服务端开发
查看>>
Xcode的代码块和代码块注释
查看>>
【原创】sizeof运算符总结
查看>>
Nginx-访问控制
查看>>