網頁邊框設計_網頁設計中的邊框代碼

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

一種是做按鈕的或者邊框圖片，拿來當背景，另外就是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。
如果對你有幫助請給我最佳答案謝謝

2、怎麼在網頁中設計彩色邊框？

我這個代碼很簡單，直接加入您的主頁程序中，在您的主頁上圍一個很酷的框，可以自動調節粗細和顏色。另外附加兩條代碼隱藏橫滾動條和豎滾動條，希望能給大家帶來一些不同的感覺。

〈script language=javascript1.2〉
if (document.all)
document.body.style.csstext="border:15 ridge red" //「border:15」是寬度，「red」可以換成你需要的顏色，如「green(綠色)」，「blue(藍色)」等等。
〈/script〉

以上是加框框的代碼，直接修改加入您的主頁代碼〈body〉〈/body〉中即可。

隱藏橫豎滾動條的語句是：〈body style="overflow:hidden"〉。

3、網頁製作中的邊框

做這樣的好多種方法都可以啊。

只給外層的div設置邊框。內部div不設置邊框

<div class="box">
    <div></div>
        <div></div>
        <div></div>
</div>.box{border:1px solid #000;}

給ul設置邊框，li不設置邊框

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>ul{border:1px solid #000;}

4、網頁製作，這個邊框怎麼設置？

插入一個表格然後選中整個表格編輯表格裡面有設置，或者用插入div標簽來製作，插入裡面找到div標簽，插入後選中他，新建css，然後編輯就可以了

5、如何在網頁中設計邊框

邊框的代碼是border{red 1px solid;}
單一的邊框代碼是border-top{red 1px solid}這是上邊，左右下分別是border-left,border-right,border-bottom
希望能夠幫助到你。

6、網頁頂部的邊框怎麼製作

給對應的div加屬性 border-bottom:2px solid #F00;

7、網頁設計中的邊框代碼

1、打開html開發工具，新建一個html代碼頁面。html中創建一個div標簽，給這個標簽添加文字內和一個class為了後面方便控制容div的樣式：

2、接下來在style標簽設置div的樣式，在solid類中將邊框樣式設為實線邊框，顏色這里用默認的黑色：

3、保存html代碼使用瀏覽器打開，即可看到瀏覽器頁面上顯示一個實線邊框。以上就是網頁設計中設置邊框的詳細步驟：

8、網頁設計中的邊框代碼如何做？

用到CSS樣式和HTML標簽元素,為了對html不同標簽加邊框虛線,我們選擇幾個常用標簽對齊設置邊框虛線效果.

1、html常用標簽:p標簽 spanul li table tr td;

2、實例用到CSS屬性單詞:border width height;

3、實現虛線的CSS重點介紹

border為邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式（實線還是虛線）.

border:1px dashed #F00 這個就是設置邊框樣式寬度為1px 虛線,虛線為紅色.

9、網頁邊框

我做個實例：
<table width="550" height="157" border="0" style="border-top:#FF0000 1px solid;border-bottom:#FF0000 1px solid;border-left:#FF0000 1px solid;border-right:#FF0000 1px solid;">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>

style="border-top:#FF0000 1px solid;border-bottom:#FF0000 1px solid;border-left:#FF0000 1px solid;border-right:#FF0000 1px solid;"
是表示上、下、左、右4條邊框。寬度專為屬1px,顏色是#ff0000

10、如何製作網頁邊框

額~ 幫你說下吧~
首先你上面的那個邊框是存在效果的，有兩種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家族就很惡心了，這種效果目前還只能用圖片替代。用圖片做背景。當然還要考慮背景的自適應問題，很麻煩，你可以百度一下。

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

網頁邊框設計

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