當前位置:首頁 » 軟體設計 » 網頁設計邊框

網頁設計邊框

發布時間: 2020-12-02 14:53:19

❶ 網頁設計問題,就是如何在css布局中設置邊框大小、顏色問題

平時都是代碼模式,你這說視圖模式,還真有點看不懂,那我就說說代碼模式怎回么寫吧。首先你給div等標簽加個class或答ID。

<divclass="div1">內容</div>
<style>
.div1{border:#ddd1pxsolid;}//邊框顏色、大小、類型(虛線實線等。)
</style>

❷ 如何製作網頁邊框

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

❸ 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里插入一個單元格將背景設為這種顏色,再分別插入相應表格,然後添加文字,設置按鈕就可以了

❻ ----HTML網頁設計里的邊框問題---!!!!!

使table 的內外邊框有不同的效果,一般都是使用背景色覆蓋的方法來實現,就內是給容 table 指定一種背景色(比如黑色),再給 td 指定一種背景色(比如白色),然後再指定td 的 marign 屬性。

你插入的圖應該是每行都是一個table這樣布局比較容易。
你也可以用 div+css 試試,方法有很多種多試試吧。

❼ 如何在網頁中設計邊框

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

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

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

❾ 網頁製作 怎麼加邊框顏色

設置"style",裡面的屬性任你設置,例如"style: color=red"

❿ 網頁設計中暗邊框與亮邊框是怎麼設置的

用css定義一來個class,比如:
<style>
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
</style>
然後自在要加效果的表格里加上<table class="bordercolor">或者直接寫在單元格里<tr class="bordercolor">或<td class="bordercolor">,這樣也很簡單

熱點內容
美發店認證 發布:2021-03-16 21:43:38 瀏覽:443
物業糾紛原因 發布:2021-03-16 21:42:46 瀏覽:474
全國著名不孕不育醫院 發布:2021-03-16 21:42:24 瀏覽:679
知名明星確診 發布:2021-03-16 21:42:04 瀏覽:14
ipad大專有用嗎 發布:2021-03-16 21:40:58 瀏覽:670
公務員協議班值得嗎 發布:2021-03-16 21:40:00 瀏覽:21
知名書店品牌 發布:2021-03-16 21:39:09 瀏覽:949
q雷授權碼在哪裡買 發布:2021-03-16 21:38:44 瀏覽:852
圖書天貓轉讓 發布:2021-03-16 21:38:26 瀏覽:707
寶寶水杯品牌 發布:2021-03-16 21:35:56 瀏覽:837