1、如何製作網頁邊框
額~ 幫你說下吧~
首先你上面的那個邊框是存在效果的,有兩種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家族就很惡心了,這種效果目前還只能用圖片替代。用圖片做背景。當然還要考慮背景的自適應問題,很麻煩,你可以百度一下。
2、在HTML中如何設置邊框?
在html當中,為標簽設置底部邊框,採用border-bottom的CSS屬性即可,具體代碼如下:
<style>
2.con {
3.border-bottom: 5px solid #000;4.}5.</style>6.<div class="con">標簽底部有5像素黑色邊框</div>
3、網頁設計中 怎麼設計表格沒有邊框
<table border="0">
........
</table>
這樣就不會有邊框了
4、怎麼在網頁中設計彩色邊框?
我這個代碼很簡單,直接加入您的主頁程序中,在您的主頁上圍一個很酷的框,可以自動調節粗細和顏色。另外附加兩條代碼隱藏橫滾動條和豎滾動條,希望能給大家帶來一些不同的感覺。
〈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"〉。
5、網頁設計問題,就是如何在css布局中設置邊框大小、顏色問題
我個人建議你應該先學學基本的HTML和CSS知識,可視化的網頁編輯工具對於新手來說是比較方便,但是這樣的結果是「知其然不知其所以然」,而且有的時候用軟體是達不到想要的效果的,還得直接修改HTML和CSS代碼。
img {border:1px solid #666666;}
6、網頁設計怎麼設計左右兩邊邊框怎麼無限拓展
設置width:auto; min-width:980px; 這是設置最小寬980px 正常寬自動 如果有樣式問題要進行樣式清除 即在該div裡面加入 <div class="clear"></div> 在css樣式裡面加入.clear { clear:both;}就行了
7、如何在網頁中設計邊框
邊框的代碼是border{red 1px solid;}
單一的邊框代碼是border-top{red 1px solid}這是上邊,左右下分別是border-left,border-right,border-bottom
希望能夠幫助到你。
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>