用css在html中插入图片怎么做?

html-css09

用css在html中插入图片怎么做?,第1张

<style type="text/css">

    #imgDiv{

        background:url(https://gss0.bdstatic.com/70cFsj3f_gcX8t7mm9GUKT-xh_/zhidaoribao2014/2015year/1026/top.jpg)

        width:400px

        height:300px

        overflow:hidden

    }

</style>

<div id="imgDiv"></div>

这段代码你试试看,在div中完全没有添加图片标签,而是根据css中的background属性给div添加一张图片作为背景。这样做的好处是允许在同一个div中用hover来实现图片的鼠标响应切换,坏处就是无法调整图片的大小。

<table border="1">

<tr>

<td colspan=2></td>

</tr>

<tr>

<td></td><td></td>

</tr>

<tr>

<td colspan=2></td>

</tr>

</table>

宽度在仔细调