网页设计班边框阴影_网页设计HTML如图中的阴影框求代码

1、写网页时，怎样制作图片阴影效果

做一个这样的div，然后用PS等作图工具做一个和这个div一样宽的阴影效果的图片，然后把图片作为div的背景，并设置平铺。就做到了你需要的效果。
注意，这个阴影效果左下角有个圆角效果，这个需要设置div的圆角样式。
当然，也可以用图片制作，不过就更加麻烦了。

阴影，渐变色基本都是可以这样做出来的。如果想要简单点的，就是需要多长的阴影就直接PS制作出来想要的尺寸，缺点是图片的大小会比我最开始说的方法要大

2、网页设计中这个阴影是怎么做的有具体代码最好~

方法有很多种，常用的其实有两种：

1# 直接添加CSS3阴影

.style {

-moz-box-shadow: 0 0 8px black;

-webkit-box-shadow: 0 0 8px black;

box-shadow: 0 0 8px black;

}

box-shadow: 上偏移左偏移投影大小投影颜色（支持rgba透明）

这种方法的弊端是必须支持CSS3的浏览器，低版本浏览器一把不兼容，是看不到这个效果的，例如ie6 7 8

2# 用png图做投影

方法就是将投影切一个透明图，然后放在你需要加投影的盒子外面，见图：

给box加一个背景，内容放在里面的content里，搞定

3、网页制作中的阴影是这么做的

网页制作的时候要尽量多分析，能不用图片的地方别用图片。以免影响网站的打开速度。
比如你说的阴影部分，切图的时候就只切阴影部分，高度也切小点，切出来的图几kb就搞定。做背景的时候像这样：
.bg{background:url(你的文件路径) #fff repeat-y;}就搞定了

4、请问好多网页上都制作了阴影效果，是如何实现的？

用CSS滤镜实现

5、在网页制作中,搜索框也就是文本框里怎么加阴影,是用背景图片么.如果不用背景图片,那还有什么方法

考虑到各浏览器兼容的问题，最好用背景图片，整个美化后的搜索框都用背景图片；然后 input 设置成border=0 ; background= **** 就可以。

6、网页设计Dreamweaver中CSS滤镜的阴影效果和光照效果显示出问题。

css滤镜并不是所有都兼容。

7、网页设计，HTML，如图中的阴影框，求代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
background-color: #0066CC;
}
h1{
position: absolute;
}
.box{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
margin: 0 auto;
width: 800px;
height: 700px;
background-color: #666;
}
.con{
position: absolute;
top: 400px;
left:300px;
color: #fff;
}
</style>
</head>
<body>
<h1>你好看见div是透明了么!</h1>
<div class="box">
</div>
<div class="con">
<h2>
你想写一些什么呢
</h2>
<p> 不如先采纳了吧</p>
</div>
</body>
</html>

8、DR网页制作软件里的表格可以做有阴影吗？怎么做？

用表格和div都能做到,利用镶套,设置外层只显示右边框和下边框,设置合适的宽度和颜色就行了.

9、100分，用Photoshop制作带阴影立体效果的圆角矩形框，做网页用，谁告诉我详细的步骤？

你新建图层之后抄，用袭圆角矩形工具，在菜单栏下面，依照你的需要设置半径，画一个圆角矩形。

然后点右键建立选区。

然后填充一个你需要的颜色。

然后点击图层面板下面的“添加图层样式”，勾选投影和斜面与浮雕，这时候大体就出来了。如果不满意细节就调整一下一上两个选项下的大小和像素数值。

导航:首页 > 万维百科 > 网页设计班边框阴影

网页设计班边框阴影

与网页设计班边框阴影相关的知识