内容目录:
HTML补充
javascript
HTML补充
1、display标签
display的inline-block 属性会自动带3px的宽度
<span style="display: inline-block;width: 80px;height: 50px;background-color: #00a2ca"> </span> <span style="display: inline-block;width: 80px;height: 50px;background-color: red;"> </span>
如果要取消这3px像素的话需要将第二个span属性设置为float:left
2、img标签
- img标签默认带有边框,通过ie浏览器可以看到,chrome和firfox均看不到边框
-
<body> <div> <div class="item"> <a href="http://www.etiantian.org"> <img src="2.jpg"/> </a> </div> </div> </body>
- 如果在ie中显示也要取消这边框的显示,需要在style中定义img的标签属性border为0
-
<style> img{ border: 0; } </style>
-
- imgalt属性可以自定义 图片不存在时显示的内容。
-
<body> <div> <div class="item"> <a href="http://www.etiantian.org"> <img src="2.jp" alt="图片"> </a> </div> </div> </body>
效果如下:
-
3、iframe嵌套其他网站标签
<body> <iframe width=420px height=330px name=aa frameborder=0 src=http://www.cctv.com></iframe> <!--scrolling表示是否显示页面滚动条, 可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。 --> </body>
demo
时间: 2024-10-12 21:42:03