div 纯css 圆角问题 如何修改兼容ff

html-css014

div 纯css 圆角问题 如何修改兼容ff,第1张

改好了，复制过去看看吧

--------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<head>

<title>纯css实现的质感圆角按钮</title>

<style type="text/css">

body { font-size:12px}

.a { display:inline-blockborder-width:1px 0border-color:#bbbbbbborder-style:solidvertical-align:middle*display:inline

zoom:1}

.b { border-width:0 1pxborder-color:#bbbbbbborder-style:solidmargin:0 -1pxbackground:#e3e3e3position:relative_float:left}

.c { line-height:10pxbackground:#f9f9f9border-bottom:2px solid #eeeeee}

.d { padding:0 8pxline-height: 22pxcolor:#000000 cursor:pointer}

</style>

</head>

<body>

<div class="a">

<div class="b">

<div class="c"></div>

<div class="d">css圆角按钮 sfs sdfsd sdf sdf</div>

</div>

</div>

<div class="a">

<div class="b">

<div class="c"></div>

<div class="d">css圆角按钮2<br>

角圆角按圆角按，圆角按圆角按圆角圆角按圆角按，圆角按圆角按圆角圆角按圆角按，圆角按圆角按圆角圆角按圆角按，圆角按圆角按圆角圆角按圆角按，圆角按圆角按圆角圆角按圆角按，圆角按圆角按圆角圆角按圆角按，圆角按圆角按圆角圆角按圆角按，圆角按圆角按圆角按圆角按圆角按圆角按圆角按圆角按，圆角按圆角按圆角按圆角按圆角按圆角按<br>

角<br>

角<br>

角 </div>

</div>

</div>

</body>

</html>

DIV是指的层、CSS是编辑网页的一种样式。DIV即每一个网页打开时看到的不同方框或收缩框，那些就是一层一层的DIV制作而成。CSS则是每个对应层的制作格式、如果边框/文字的大小、格式、颜色、是否悬浮还是居中、是否以列表方式显示还是以一段一段的方式显示。总体来说、DIV就是网页的布局样式、CSS就是设置布局的格式（像布局属性）！

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

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