網頁設計班邊框陰影_網頁設計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製作帶陰影立體效果的圓角矩形框，做網頁用，誰告訴我詳細的步驟？

你新建圖層之後抄，用襲圓角矩形工具，在菜單欄下面，依照你的需要設置半徑，畫一個圓角矩形。

然後點右鍵建立選區。

然後填充一個你需要的顏色。

然後點擊圖層面板下面的「添加圖層樣式」，勾選投影和斜面與浮雕，這時候大體就出來了。如果不滿意細節就調整一下一上兩個選項下的大小和像素數值。

導航:首頁 > 萬維百科 > 網頁設計班邊框陰影

網頁設計班邊框陰影

與網頁設計班邊框陰影相關的知識