網頁設計邊框
Ⅰ 網頁設計中邊框里的圖片如何控制其大小
可以在css文件里設置圖片的長寬及圖片的浮動等各種特效。即用width、和height強制改變圖片的專大小屬。如:
.a{background:url(tupian.jpg);width=20px;height=20px;} 說明:.a是類選擇器,調用時<標簽名 class="類名">(這里類名為a),url裡面是圖片的位置及名稱。width、height即強制改變的圖片的大小。
還有一種方式是可以藉助電腦的畫圖工具將圖片的大小改成目標大小,然後保存後也可以直接調用圖片。
Ⅱ html網頁設計表格,如何通過css讓表格只有外邊框,而沒有內邊框或者只有內邊框,而沒有外邊框
table{
border:1px solid #000;/*黑色1像素粗邊框*/
}
td{
border:none;/*這個是單元格,不給他要邊框*/
}
以上是全局的,用了以後所有的專表格都是這個樣式。
如果你要給特屬定的表格加入這個樣式:
1 給那個表格加上class='classname' (classname是你自己起的樣式名)
2 然後在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗邊框*/
}
.classname td{
border:none;/*這個是單元格,不給他要邊框*/
}
只有內邊框沒有外邊框的話,我就只會用賴皮的方法:給table外面套一個overflow:hidden的div,寬度和高度比table小2px,給table加上margin-left:-1px;margin-right:-1px;這樣把他的表格邊框遮住。。
Ⅲ 求各種網頁設計中的邊框設計方法
一種是做復按鈕的或者邊框圖片制,拿來當背景,另外就是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。
如果對你有幫助請給我最佳答案謝謝
Ⅳ 用html如何製作網頁邊框,而且帶字的
你可以先用ps做出這種效果的邊框(文字不要),在裁切,然後在dreamweaver里插入一個單元格將背景設為這種顏色,再分別插入相應表格,然後添加文字,設置按鈕就可以了
Ⅳ 怎麼在網頁中設計彩色邊框
我這個代碼很簡單,直接加入您的主頁程序中,在您的主頁上圍一個很酷的框,可以自動調節粗細和顏色。另外附加兩條代碼隱藏橫滾動條和豎滾動條,希望能給大家帶來一些不同的感覺。
〈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"〉。
Ⅵ html網頁設計表格,如何通過css讓表格只有外邊框,而沒有內邊框
table{
border:1px solid #000;/*黑色1像素粗邊框*/
}
td{
border:none;/*這個是單元格,不給他要邊框*/
}
以上是全局的,用了以後所有的表內格都是這個樣式。容
如果你要給特定的表格加入這個樣式:
1 給那個表格加上class='classname' (classname是你自己起的樣式名)
2 然後在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗邊框*/
}
.classname td{
border:none;/*這個是單元格,不給他要邊框*/
}
只有內邊框沒有外邊框的話,我就只會用賴皮的方法:給table外面套一個overflow:hidden的div,寬度和高度比table小2px,給table加上margin-left:-1px;margin-right:-1px;這樣把他的表格邊框遮住。。
Ⅶ 如何製作網頁邊框
額~ 幫你說下吧~
首先你上面的那個邊框是存在效果的,有兩種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家族就很惡心了,這種效果目前還只能用圖片替代。用圖片做背景。當然還要考慮背景的自適應問題,很麻煩,你可以網路一下。
Ⅷ 網頁設計中的邊框代碼如何做
用到CSS樣式和HTML標簽元素,為了對html不同標簽加邊框虛線,我們選擇幾個內常用標簽容對齊設置邊框虛線效果.
1、html常用標簽:p標簽 spanul li table tr td;
2、實例用到CSS屬性單詞:border width height;
3、實現虛線的CSS重點介紹
border為邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實線還是虛線).
border:1px dashed #F00 這個就是設置邊框樣式寬度為1px 虛線,虛線為紅色.
Ⅸ 網頁設計怎麼設計左右兩邊邊框怎麼無限拓展
設置width:auto; min-width:980px; 這是設置最小寬980px 正常寬自動 如果有樣式問題要進行樣式清除 即在該div裡面加入 <div class="clear"></div> 在css樣式裡面加入.clear { clear:both;}就行了
Ⅹ 網頁製作 怎麼加邊框顏色
設置"style",裡面的屬性任你設置,例如"style: color=red"