摘要：效果图： 制作思路： [html] 1.8个图片可点击跳转，用ul>li8>a>img 2.8个圆点用div>a8 [css] 3.ul设置居中margin，如果不设置宽和高，默认100%的宽（设置overflow隐藏框外面的图片） 4.li设置绝对定位，让其重叠 5.针对某个图片设置:nth-ch 阅读全文

摘要：效果图： 制作思路： [html] 1.导航栏固定宽、高，可以用ul>li*7、nav套a、div套a [css] 2.设置ul、nav、div宽高背景颜色 3.设置li水平布局（左浮动）、行高（行高可以把li的高度撑开，所以可以不用设置高度） 4.设置a清除下划线、字体颜色、字体大小，由于a是行内 阅读全文

摘要：效果图： 制作思路： [html] 1.整体用div标签嵌套div（标题）、div（图片）、ul>li*4（列表） 2.标题中军事和航空都可以点击，所以用a标签嵌套h2标签，·用span标签 3.图片可以被点击，用a标签嵌套img、h3标签 4.列表可点击，li标签嵌套a标签，a标签中放入文字 [c 阅读全文

摘要：效果图： 制作思路： [html] 1.创建一个外部容器（内容），可以使用nav、div、ul nav(div) div(div) ul(li) 2.div里面放超链接a及文字 3.去除换行产生的空格，在父元素上用font-size:0; [css] 4.清除所有样式，引入外部样式 <link re 阅读全文

摘要：效果图: 制作思路： [html] 1.ul>li*3，块元素好布局鸭~ 2.li中套a标签，可以点击跳转，a标签中套img标签 [css] 3.布局好了之后，清除所有样式，从0开始吧~ <link rel="stylesheet" href="../css/reset.css"> <link re 阅读全文