導航:首頁 > 萬維百科 > 網頁設計陰影add什麼意思

網頁設計陰影add什麼意思

發布時間:2020-10-31 10:49:28

1、網頁設計,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>

2、請問好多網頁上都製作了陰影效果,是如何實現的?

用CSS濾鏡實現

3、DR網頁製作軟體 里的表格可以做有陰影嗎? 怎麼做?

用表格和div都能做到,利用鑲套,設置外層只顯示右邊框和下邊框,設置合適的寬度和顏色就行了.

4、網頁製作中的陰影是這么做的

網頁製作的時候要盡量多分析,能不用圖片的地方別用圖片。以免影響網站的打開速度。
比如你說的陰影部分,切圖的時候就只切陰影部分,高度也切小點,切出來的圖幾kb就搞定。做背景的時候像這樣:
.bg{background:url(你的文件路徑) #fff repeat-y;}就搞定了

5、網頁設計中這個陰影是怎麼做的 有具體代碼最好~

方法有很多種,常用的其實有兩種:

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

6、100分,用Photoshop製作帶陰影立體效果的圓角矩形框,做網頁用,誰告訴我詳細的步驟?

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

然後點右鍵建立選區。

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

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

7、寫網頁時,怎樣製作圖片陰影效果

做一個這樣的div,然後用PS等作圖工具做一個和這個div一樣寬的陰影效果的圖片,然後把圖片作為div的背景,並設置平鋪。就做到了你需要的效果。
注意,這個陰影效果左下角有個圓角效果,這個需要設置div的圓角樣式。
當然,也可以用圖片製作,不過就更加麻煩了。

陰影,漸變色基本都是可以這樣做出來的。如果想要簡單點的,就是需要多長的陰影就直接PS製作出來想要的尺寸,缺點是圖片的大小會比我最開始說的方法要大

8、網頁設計Dreamweaver中CSS濾鏡的 陰影效果和光照效果 顯示出問題。

css濾鏡並不是所有都兼容。

9、請問網頁設計中如何給字體加上與字體本身不同顏色的透明或漸變的邊(不是陰影),

如果你要是需要字體加上不同的邊,那就使用border屬性,比如字體是灰黑#333,你可以給加上邊框為#ccc.如果是需要純色的邊那隻需要border就可以,如果是漸變的話,那就需要使用背景圖片來體現了.

10、如何在html網頁裡面製作滑鼠懸浮時字體有陰影的效果?

建議LZ將文字加工成圖片的形式,一種正常,一種帶陰影效果..將這兩張圖片分別做成滑鼠經過圖片就可以了..如果你明白CSS的話,也可以用CSS來對滑鼠經過狀態進行定義..如果不明白 直接在DW中執行 插入---圖像對象---滑鼠經過圖像..在彈出的對話框中設置滑鼠經過狀態的兩種狀態分別顯示的圖片就可以了!

與網頁設計陰影add什麼意思相關的知識