css中怎么让div感觉上是凸出来的

html-css027

css中怎么让div感觉上是凸出来的,第1张

这个简单，给DIV层加上边框阴影就可以了

给CSS加上这个box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.2)就行了，你可以百度一下我的网名，我的站里用了很多这种效果，应该就是你所说的凸出来的效果。

一楼的回答很对，可以达到那种效果。但是如果用CSS实现，也是可以的。

但是HTML需要做一些改动，把SPAN放到A 中，才可以。大概IE6.0或者FF1.5以上的版本才可以有效果。

代码如下：

<style type="text/css">

<!--

a {

text-decoration: none

}

span {

display:none

}

a:hover span{

display:inline

}

-->

</style>

<a href="#">这是标题<span>这是标题提示</span></a>

<table>

    <tr>         

        <td> 

            <div style="with:200pxoverflow:auto"> 

                <TH>标题1</TH> 

                <TH>标题2</TH>  

                <TH>标题3</TH>  

                <TH>标题4</TH>  

                <TH>标题4</TH>   

                <TH>标题4</TH> 

             </div> 

        </td> 

        <td></td> 

        <td></td> 

        <td style="display:none" onmousemove="show(this)"></td> 

        <td style="display:none" onmousemove="show(this)"></td> 

        <td style="display:none" onmousemove="show(this)"></td> 

</table>

<script src="../../Jscript/jquery-1.3.1.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

function show(obj){ 

    this.css({'display':'block'})

 } 

 

</script>

我这是自己一个字母一个字母认真敲的 希望对你有用