導航:首頁 > 萬維百科 > 網頁設計邊框圖片

網頁設計邊框圖片

發布時間:2020-08-27 20:34:09

1、網頁製作,圖片邊框如何做

邊框顏色為灰色;
border-top-color: #999999;

2、如何製作網頁邊框

額~ 幫你說下吧~
首先你上面的那個邊框是存在效果的,有兩種CSS2.0做不出來的效果,一是圓角,二是顏色變化。
當然顏色變化可以用別的方法實現,如果是CSS3.0 的話就都可以做出來,但是不同瀏覽器對CSS3.0支持程度不一樣,其中做這個最方便的就是Firefox, 代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>Border in CSS3.0</title>
<style>
#box {
width:300px;
height:200px;
border:solid 4px #f4bc44;
border-radius:3px; /* 圓角,印象中原來火狐要用 -moz-border-radius:3px; 我這個是4.0+ 的,這樣也可以,沒有以前的版本了,沒試 */
/* 下面這四句就是用來定義邊框顏色變化的,不明白的話可以自己試著換些顏色看,Firefox 3.5 及以上版本支持,建議自己在FF裡面看下效果 */
-moz-border-top-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-right-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-bottom-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-left-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
webkit 內核的瀏覽器對CSS3.0支持的很好,但是很遺憾還不支持 border-colors屬性,所以在Chrome或者Safari裡面要想別的辦法了,代碼如下(opera 裡面也可以這樣做):
<!DOCTYPE html>
<html>
<head>
<title>Border in CSS3.0</title>
<style>
#box {
width:300px;
height:200px;
border:solid 3px #ffdd90;
border-radius:3px;
}
#inner {
width:298px;
height:198px;
border:solid 1px #f4bc44;
}
</style>
</head>
<body>
<div id="box">
<div id="inner">
</div>
</div>
</body>
</html>
CSS3.0 還有一個方法就是 border-image 也很放。
IE家族就很惡心了,這種效果目前還只能用圖片替代。用圖片做背景。當然還要考慮背景的自適應問題,很麻煩,你可以百度一下。

3、網頁製作中使用什麼標記符給圖像加邊框

直接border=1,或者使用css

img {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
/*定義圖片邊框*/

顏色需要在css里邊加上

border-top-color: #FF0000;
border-right-color: #FF0000;
border-bottom-color: #FF0000;
border-left-color: #FF0000;

4、網頁設計中邊框里的圖片如何控制其大小?

可以在css文件里設置圖片的長寬及圖片的浮動等各種特效。即用width、和height強制改變圖片的大小。如:
.a{background:url(tupian.jpg);width=20px;height=20px;} 說明:.a是類選擇器,調用時<標簽名 class="類名">(這里類名為a),url裡面是圖片的位置及名稱。width、height即強制改變的圖片的大小。
還有一種方式是可以藉助電腦的畫圖工具將圖片的大小改成目標大小,然後保存後也可以直接調用圖片。

5、給網頁中的圖片加邊框

<img src="url" width="XX" height="XX" border="0" style="border:1px solid #FF0000">
出來的就是帶紅色邊框的圖片
關鍵就在於style="border:1px solid #FF0000"里
1px(一個像素寬),solid(邊框為實線),#FF0000(顏色參數)

6、網頁設計中頁面上的那些流線型的邊框如何製作?用圖片的嗎?

最上面的大圖就是靜態的圖片,可以切開,但這個圖應該是不能延展的
而左邊中部那個圓角的框,可以切成上中下三部分實現可以向下延展

大概都是這樣的思路

7、做網頁時,怎樣給邊框,設置背景圖片?謝謝

不管是表格還是其他的設置背景都是background="" 冒號中是你背景圖片的位置 bacolor="" 是背景顏色。比如說<body background="d:/picture/111.jpg"> 網頁內容</body>
在比如<table background="d:/picture/111.jpg"> 表格內容</table>

8、網頁設計,怎麼插入局部框架的背景圖片

一、添加背景圖片:body { background: url("xxx.jpg"); }
原本<body>卷標提供了以下幾種設定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*離瀏覽器顯示窗左邊的距離
topmargin=fixels /*離瀏覽器顯示窗上面的距離
>
background-image:url(n.jpg)
/*背景圖檔

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重復顯示全影幕|水平方向重復|垂直方向重復|不重復顯示

background-attachment:scroll|fixed
/*卷動或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景圖文件位置

二、添加框架:

①打開Dreamweaver,新建一個網頁。點擊布局中的框架按鈕,選擇要實現的框架類型。
②這樣就創建了兩個頁面,分布命名。點擊中間的線就是選中了整個頁面,點擊文件\保存框架頁,進行命名。左右兩個頁面分別選中再保存,操作一樣。
③點擊中間的邊框,就選中了整個頁面,可以對整個頁面的屬性進行更改,可以移動中間的邊框,也可以點擊查看\可視化助理,勾選框架邊框來顯示或隱藏邊框。
④再分別更正左右兩個頁面的頁面屬性。

9、在網頁設計中圖片鏈接後為什麼圖片有一個邊框,如何去掉?拜託各位了 3Q

加個border=0的代碼即可,代碼如下,看加粗部份 <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> </head> <body> <table width="1003" border="0"> <tr> <td><a href="2.html"><img src="images/wang_01.gif" width="1003" height="104" border=0 ></a></td> </tr> </table> </body> </html>

希望採納

10、求各種網頁設計中的邊框設計方法

一種是做按鈕的或者邊框圖片,拿來當背景,另外就是css里定義了l none: 指定表格沒有邊框,所以邊框寬度為0。l dotted: 由點線組成的表格邊框。l dashed: 由虛線組成的表格邊框。l solid: 由實線組成的表格邊框。l Double: 由雙實線組成的表格邊框。l Groove: 槽線效果邊框。l ridge: 脊線效果邊框,和槽線效果相反。l inset: 內凹效果邊框。l outset: 外凸效果邊框,和內凹效果相反。每個邊框類型都可以指定一種顏色,邊框是繪制在背景顏色上的,列表A使用邊框屬性來樣式化整個表格以及錨標記和單獨的單元格。

例如說 css里#tab{border:2px solid #0099FF;} 表達的意思就是說ID為TAB的div或者table的邊框為2個像素的實線顏色為#0099FF。
如果對你有幫助請給我最佳答案謝謝

與網頁設計邊框圖片相關的知識