導航:首頁 > 萬維百科 > 網頁設計設置邊框的代碼

網頁設計設置邊框的代碼

發布時間:2020-12-12 11:25:35

1、在HTML中如何設置邊框?

HTML中設置邊框方法:

方法/步驟

1、一個普通的表格如下:

相關設置

2、單元格邊距(表格填充)(cellpadding) -- 代表單元格外面距離,用於隔開單元格與單元格之間的空間 單元格間距(表格間距)(cellspacing) -- 代表表格邊框與單元格補白的距離。

具體代碼如下:

<table border='1'cellspacing="0" cellpadding="0" > <tr> <td width="200">1</td> <td width="200">2</td> <td width="200">3</td> </tr> <tr> <td>a</td> <td>b</td> <td>c</td> </tr> <tr> <td>中國</td> <td>我</td> <td>愛你</td> </tr> </table>

效果如圖

文字不居中?

3、設置一下就好了。

代碼如下:

<style type="text/css">.onecenter{text-align:center;width:200px;}</style><table border='1'cellspacing="0" cellpadding="0" > <tr> <td class='onecenter'>1</td> <td class='onecenter'>2</td> <td class='onecenter'>3</td> </tr> <tr> <td class='onecenter'>a</td> <td class='onecenter'> b</td> <td class='onecenter' > c</td> </tr > <tr> <td class='onecenter' >中國</td> <td class='onecenter' >我</td> <td class='onecenter' >愛你</td> </tr> </table>

4、為了方便一點我直接把樣式寫在上面了。

效果如圖:

5、每一個表格都是一個完整的方框,如果想要線條更細。

6、看如下代碼:

<style type="text/css">.onecentertext-align:center;width:200px;height:50px;}#sebackground-color:#006699 ;padding:20px;color:#FFF;}</style><table border='1'cellspacing="0" cellpadding="20" > <tr> <td class='onecenter'>1</td> <td class='onecenter' style='border-left:0px;border-right:0px;'  >2</td> <td class='onecenter'>3</td> </tr> <tr> <td class='onecenter'>a</td> <td class='onecenter' style='border:0px'> b</td> <td class='onecenter' > c</td> </tr > <tr id='se'> <td class='onecenter' >中國</td> <td class='onecenter' >我</td> <td class='onecenter' >愛你</td> </tr> </table>

7、這段代碼主要是針對某些表格做了些設置,讓某些表格不顯示出來。

2、製作網頁時如何才能做出這種代碼框?求詳細

  這種都是用 開發好的 編輯器之類 生成的
有很多種 大多是開源免費的 
比如這里用的是 ueditor

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

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

4、邊框顏色的html網頁代碼代碼是什麼

border-color:#000000

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

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

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

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

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

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

我個人建議你應該先學學基本的HTML和CSS知識,可視化的網頁編輯工具對於新手來說是比較方便,但是這樣的結果是「知其然不知其所以然」,而且有的時候用軟體是達不到想要的效果的,還得直接修改HTML和CSS代碼。

img {border:1px solid #666666;}

8、網頁製作題目。給網頁增加紅色邊框的樣式代碼:biankuan{red:2px solid ____

.biankuang{border:red solid 2px;}

9、網頁設計,HTML,如圖中的陰影框,求代碼



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
background-color: #0066CC;
}
h1{
position: absolute;
}
.box{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
margin: 0 auto;
width: 800px;
height: 700px;
background-color: #666;
}
.con{
position: absolute;
top: 400px;
left:300px;
color: #fff;
}
</style>
</head>
<body>
<h1>你好 看見div是透明了么!</h1>
<div class="box">
</div>
<div class="con">
<h2>
你想寫一些什麼呢
</h2>
<p> 不如先採納了吧</p>
</div>
</body>
</html>

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