1、----HTML網頁設計里的邊框問題---!!!!!
使table 的內外邊框有不同的效果,一般都是使用背景色覆蓋的方法來實現內,就是給 table 指定一種背景色(容比如黑色),再給 td 指定一種背景色(比如白色),然後再指定td 的 marign 屬性。
你插入的圖應該是每行都是一個table這樣布局比較容易。
你也可以用 div+css 試試,方法有很多種多試試吧。
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、網頁設計怎麼設計左右兩邊邊框怎麼無限拓展
設置width:auto; min-width:980px; 這是設置最小寬980px 正常寬自動 如果有樣式問題要進行樣式清除 即在該div裡面加入 <div class="clear"></div> 在css樣式裡面加入.clear { clear:both;}就行了
4、網頁設計中頁面上的那些流線型的邊框如何製作?用圖片的嗎?
最上面的大圖就是靜態的圖片,可以切開,但這個圖應該是不能延展的
而左邊中部那個圓角的框,可以切成上中下三部分實現可以向下延展
大概都是這樣的思路
5、網頁設計中的邊框代碼如何做?
用到CSS樣式和HTML標簽元素,為了對html不同標簽加邊框虛線,我們選擇幾個常用標簽對齊設置邊框虛線效果.
1、html常用標簽:p標簽 spanul li table tr td;
2、實例用到CSS屬性單詞:border width height;
3、實現虛線的CSS重點介紹
border為邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實線還是虛線).
border:1px dashed #F00 這個就是設置邊框樣式寬度為1px 虛線,虛線為紅色.
6、網頁設計中邊框里的圖片如何控制其大小?
可以在css文件里設置圖片的長寬及圖片的浮動等各種特效。即用width、和height強制改變圖片的大小。如:
.a{background:url(tupian.jpg);width=20px;height=20px;} 說明:.a是類選擇器,調用時<標簽名 class="類名">(這里類名為a),url裡面是圖片的位置及名稱。width、height即強制改變的圖片的大小。
還有一種方式是可以藉助電腦的畫圖工具將圖片的大小改成目標大小,然後保存後也可以直接調用圖片。
7、求各種網頁設計中的邊框設計方法
一種是做按鈕的或者邊框圖片,拿來當背景,另外就是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。
如果對你有幫助請給我最佳答案謝謝
8、網頁設計 表格 怎麼保留一個邊框
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
table{
background:#000;
border:0;
}
table tr{
background:#FFF;
}
</style>
</head>
<body>
<table width="200">
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
</table>
</body>
</html>