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

网页设计阴影

发布时间:2020-08-09 11:11:47

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

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

2、如何用dreamweaver8网页文字制作的有阴影立体感?

太平洋网软件有教程视频

3、网页设计有阴影的图怎么标注给前端

首先我是一名前端开发工程师,也做过设计:

你在切图标的时候连阴影都切好

在你切完图以后,你的在网页上标注一下,专门给他发一个你标注过的网页图片,他会看的

4、使用CSS+div能否制作出如图的网页阴影 如果可以该如何写样式?

box-shadow:0 0 5px #000;
*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc");

5、网页设计box-shadow是什么意思

box-shadow

边框阴影

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

方法有很多种,常用的其实有两种:

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里,搞定

7、如何在html网页里面制作鼠标悬浮时字体有阴影的效果?

建议LZ将文字加工成图片的形式,一种正常,一种带阴影效果..将这两张图片分别做成鼠标经过图片就可以了..如果你明白CSS的话,也可以用CSS来对鼠标经过状态进行定义..如果不明白 直接在DW中执行 插入---图像对象---鼠标经过图像..在弹出的对话框中设置鼠标经过状态的两种状态分别显示的图片就可以了!

8、写网页时,怎样制作图片阴影效果

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

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

9、网页带阴影的边框,像实现下图这样,边框阴影,怎么用photoshop制作啊

先画出正常的阴影(这个不用教了吧),选择阴影后用编辑-变换-变形,拖动4个角的变换杆,类似调整路径,就可以轻松做出你的效果

10、网页设计,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>

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