網頁設計body居中代碼_網頁文字居中的代碼是什麼

1、網頁文字居中的代碼是什麼？

<!DOCTYPE HTML>

<head>

<title>html文字居中測試</title>

body{background: #ddd;}

div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;}

.box1{background: #71a879;text-align: center;}

.box2{background: #6a8bbc;line-height: 200px;}

.box3{background: #dea46b;text-align: center;line-height: 200px;}

</style>

</head>

<body>

<divclass="box1">html文字水平居中</div>

<divclass="box2">html文字垂直居中</div>

<divclass="box3">html文字水平上下居中</div>

</body>

</html>

(1)網頁設計body居中代碼擴展資料：

html自定義字體樣式

一般字體的設置包含：字體，字體大小，字體顏色

html設置字體的話有很多標簽去設置

h1,h2,h3,h4,h5,h6 標題

採用css屬性。用font去設置字體。

font-family 規定元素的字體系列。包含：宋體，微軟雅黑等這些字體之類的。font-family:Microsoft yahei 表示設置字體為微軟雅黑

font-weight是設置字體的粗細。包含：lighter（更細），normal（正常），bold（粗體），bolder（更粗）font-weight:bold設置字體為粗體

font-size 是字體的尺寸，可以用使用百分比去設置或者像素去設置。如:font-size:18px

color屬性是設置字體的顏色。可以採用

color:red; (顏色名稱)color:#00ff00; （顏色的十六進制）color:rgb(0,0,255);（顏色的rgb）
例子：
<style type="text/css">

.title{font-family:Microsoft yahei;font-size:16px;font-weight:bold;color:#ccc}
</style>
我是標題

2、網頁設計,居中問題.

valign="middle"

3、html標簽中如何設置屬性，讓<body></body>里的內容上下左右居中？

需要准備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html，填充問題基礎代碼。

2、在index.html中的<body>標簽中，輸入樣式代碼：style="border: 5px solid blueviolet;text-align: center;"。

3、瀏覽器運行index.html頁面，此時<body>標簽的內容被上下左右居中了。

4、網頁設計中怎樣設置所有內容居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>居中div演示效果</title>
<style type="text/css">
.align-center{
margin:0 auto; /* 居中這個是必須的，，其它的屬性非必須 */
width:500px; /* 給個寬度頂到瀏覽器的兩邊就看不出居中效果了 */
background:red; /* 背景色 */
text-align:center; /* 文字等內容居中 */
}
</style>
</head>

<body>
<div class="align-center">居中div演示效果<br/><br/>更多代碼請訪問 <a href="http://www.poluoluo.com/" target="_blank">破洛洛</a></div>
</body>
</html>