传说中的小白龙
2016-09-27 00:39
悬浮层中的两张竖排图片,我没有按照老师的要求写前面的代码,自己瞎写的,到最后发现两张图片并不是紧紧的靠在一起,而是有间距,但是我找讲师的代码里,并没有发现有这个问题。一出场就是紧靠在一起的。
上个测试代码吧。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0;padding: 0; } .a{ background: yellow; } .b{ background: blue; } </style> </head> <body> <dl> <dd> <a href="#"><img src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/1B/rBEbRlOCFcoIAAAAAAArMNB2tlkAACTlwDgVG8AACtI514.jpg" alt="" width='194px' height='70'> </a> </dd> <dd> <a href="#"><img src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/19/rBEbRlOAiHUIAAAAAAAx8X2c6oIAACTCAP56A4AADIJ112.jpg" alt="" width='194px' height='70'></a> </dd> </dl> </body> </html>
可以看见,图片之间是由间距的。
最近没怎么上慕课,现在才看到。这个我后来发现是HTML4和HTML5的差别。老师使用的是HTML4的页面声明,就没有那个间距。而HTML5就有。
为什么老师视频中没有间距呢?
你那个间距 是空格的间距,默认一个空格 是有几个像素的间距的
..言之有理
商城分类导航效果
63737 学习 · 276 问题
相似问题