導航:首頁 > 萬維百科 > 網頁設計居左代碼

網頁設計居左代碼

 發布時間：2021-01-08 10:16:52

1、在網頁設計中，如何讓網頁居中顯示，經常會網頁會靠左對齊

在網頁設計中，可以嘗試將所有網頁放在一個大的div中，再將該div的,左右margin設為auto:
完整的例子為：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>居中</title>
<style>
body{ text-align:center}
.main{ margin:0 auto; width:500px; height:200px; border:1px solid #F00}
</style>
</head>
<body>
<div class="main">我所在DIV在任意瀏覽器均布局居中</div>
</body>
</html>

2、在html中如何將單元格中的文字設置為居右或者居左顯示？

在td標簽里添加align=left居左,align=right 居右，不過默認是居左的；

3、PHP、html網頁設計，如圖，表格只能居中，我要居左，怎麼改？代碼是寫好的（樣式文件？）

判斷不出來。 table設置的是width：100%； 就算float：left也沒用。 要看父級的容器是個什麼樣式。 所以需要整個css代碼。

4、HTML靜態網頁設計中，表格的背景圖怎麼像文字一樣居中左對齊什麼的，代碼是什麼

background:url(圖片路徑) left center no-repeat;背景圖片X軸居左，Y軸居中，並且不平鋪

5、HTML語言製作網頁 如果讓表格中的內容靠左，並且前面空兩格出現

<html>
<head>
<style type="text/css">
.td1 {text-align:left; font-size:12pt;}
.p1 {text-align:left; text-indent:2em; font-size:12pt;}
</style>
</head>
<body>
<table>
<tr><td class="td1">網頁製作</td></tr>
<tr><td><p class="p1">語言</p></td></tr>
</table>
</body>
</html>

text-indent:2em; 的樣式就是空2格，同樣：
text-indent:4em; 就是空4格

6、html中如何將單元格中的文字設置為居右或者居左顯示？

在表格td中，有兩個屬性控制居中。

1.align控制左右居中：left center right

2.valign控制上下居中：left center right

這兩個屬性綜合使用，就可以讓單元格的內容上下左右都居中顯示。但有時會失效，那麼在td中設置text-align為center也可。

7、如何讓某個div居左、居右、劇中

div+css是Web設計標准，它是一種網頁的布局方法。與傳統中通過表格（Table）布局定位的方式不同，它可以實現網頁頁面內容與表現相分離。

下面分別對div居左、居右、居中做下代碼演示：


div css布局之div左對齊，div+css布局完整代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div對齊實例 在線演示 DIVCSS5</title> 
<style> 
.divcss5-left{float:left;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-left">此DIV靠左對齊顯示</div> 
</body> 
</html>

div css布局之div右對齊，div+css布局完整代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div對齊實例 在線演示 DIVCSS5</title> 
<style> 
.divcss5-right{float:left;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-right">此DIV靠右對齊顯示</div> 
</body> 
</html>

div css布局之div居中對齊，DIV+CSS布局完整代碼：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>div對齊實例 在線演示 DIVCSS5</title> 
<style> 
.divcss5-cent{margin:0 auto;width:250px;height:50px;border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="divcss5-cent">此DIV居中右對齊顯示</div> 
</body> 
</html>

8、網頁設計調用的代碼怎麼讓他左對齊啊

代碼是有的!不過我現在是在網吧上網的!要下載DW才知道!
可以先告訴你用內DW有個功能!你把原代碼導到DW裡面,在設容計視圖中把滑鼠放到表格上面右鍵,對齊,居中對齊,把溝打掉就不會在中間了! 你加我QQ吧 247300093 有時間下載DW再告訴你!

9、求網頁製作中的左對齊右對齊的代碼

?

10、修改一下CSS,幫我把網頁居左顯示或者讓網頁有背景(純顏色的即可)

概述：<body><div align:left;style="background-color:blue"> 你網頁現有的內容 </div></body>。這行代碼能解決你的問題,將blue換成你想要的顏色即可。

一、先解釋一下你的代碼：
* {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
意思：所有元素的邊框「內壁」至框內元素的距離均為0px。比如你的鞋內壁到你的腳之間的距離。
優化：*{padding:0px 0px 0px 0px；} 依次為上右下左。
延伸：每個元素的實際寬度或高度=border-width + padding + width。

BODY {FONT-SIZE: 12px; BACKGROUND: url(body.gif) #fff repeat-x 50% top; COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: left}
意思：依次為該頁面的字型大小大小全部為12像素、背景圖片為該網頁所在文件夾的body.gif文件、背景顏色為白色、背景圖片從上到下重復、字的顏色為黑色、字體為Arial、文本左對齊。
代碼優化：BODY { BACKGROUND: url(body.gif) #fff repeat-x 50% top; FONT: 12px #000 Arial; TEXT-ALIGN: left}

TABLE {FONT-SIZE: 12px; FONT-FAMILY: Arial}
意思:表格內所有字體為arial、字的大小為12像素。
代碼優化：因在body中已有相同聲明，故本段代碼可以刪除。

TD { WORD-BREAK: break-all}
意思：單元格內文本自動換行。沒有這句代碼，一行字會撐破單元格。

TR {VERTICAL-ALIGN: top}
意思：表格中每行的單元格垂直方向沿頂端對齊。

A:link { COLOR: #000; TEXT-DECORATION: none}
意思：鏈接的文本顏色為黑色、沒有下劃線。

A:visited {COLOR: #000; TEXT-DECORATION: none}
意思：點擊後的鏈接文本顏色為黑色、沒有下劃線。

A:hover {COLOR: #000; TEXT-DECORATION: underline}
意思：當滑鼠移動到鏈接文本時，文本為黑色、有下劃線。

IMG {BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
意思：圖片四周無邊框、垂直居中顯示。
代碼優化：img {border:0px; vertical-align:middle;}

HR {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px auto; OVERFLOW: hidden; COLOR: #cccccc; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px
}
意思：水平橫線的四個邊框寬度為0、距離上個元素10像素、水平居中、溢出（即超長部分）不顯示、線條顏色為灰色、線條高度為1像素。
延伸：水平橫線可以看作一個內部高度為0的長方形。
代碼優化： hr {MARGIN: 10px auto; OVERFLOW: hidden; COLOR: #cccccc; HEIGHT: 1px; border:0px；}

UL {LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none}
意思：無序列表的項目前沒有標記（如圓點、方框等）、沒有圖片。

二、回答你的問題
1、讓網頁居左顯示並且有背景色：如果所有元素全部在那個TABLE中，可以:table {align:left;style="background-color:blue"}；否則，可以加一個層將它們全部包含起來：<body><div align:left;background-color:blue> ..... </div></body>。將你網頁的所有內容都放在這個<div></div>中即可，是藍色背景，你可以將BLUE換成你想要的顏色。

2、關於你的問題：純顏色背景，你已經設置好了，就在body{background:#fff}里，為白色。由於你設置了背景圖片，將它覆蓋了，所以你看不到。如果你刪除背景圖片，就能看到純白色的背景了。

3、關於1400像素的瀏覽器，兩邊空出來的問題，你可以設置一個函數，將他們利用起來。如：
<head>
....
<script language=「javascript」>
function liangbian(){
if (screen.width==1400){...}
else
{}
...
}
</script>
...
</head>
<body load="liangbian()">
... 本段代碼的意思是：打開該網頁時，載入liangbian()函數，檢查屏幕寬度，如果是1400像素，就。。。 注意：body中的顏色即為瀏覽器的背景色，你所說的網頁背景色其實就是你網頁總容器的背景色——如果網頁所有內容都被包含在TABLE中，就是這個table的背景色；如果都被包含在一個DIV中，就是這個DIV的背景色。

與網頁設計居左代碼相關的知識