1. 程式人生 > >body css樣式中 設定寬度和背景色

body css樣式中 設定寬度和背景色

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
<style type="text/css">
body{
	padding:0;
	margin:0;
	margin:0 auto;
	background-color:#069;
	width:80%;
	height:800px;
	border:1px solid #F00;
}
div{
	height:200px;
	width:200px;
	border:1px solid #0F0;
}
</style>
</head>

<body>
<div class="wrap">
</div>
</body>
</html>

如上面

之前一般都是用div元素包含整個頁面的內容,然後設定寬度,如width:80% 或者 width:620px   margin:0 auto;  從而實現將主體元素居中顯示、

也可以在CSS樣式中設定body樣式,如上面。

這樣元素主體內容就是居中顯示,但是背景色是渲染整個頁面的,說明背景色是整個頁面起作用。

這種形式一般很少用,可以用來設定頁面的基礎樣式,如字型,開啟方式,背景等。

相關推薦

body css樣式 設定寬度景色

<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文件</title> <style type="text/css"&g

thymeleaf設定css樣式,矩形百分比填充景色

 對調查結果進行統計的頁面,在div的style中拼接後臺引數,顯示百分比 <tr th:each="option:*{obj.list}"> <td th:text="*{option.title}">選項</td> <td th:tex

eclipse pydev 設定字型景色

給 eclipse 設定背景色之後 也需要給 pydev設定背景色,應該有很多軟體需要同樣設定,所以乾脆就設定一樣的了, 以下是設定的相關資料: http://www.iteye.com/topic/575841 python開發環境Eclipse+pydev字型和顏色設定方

css 樣式類之間有空格無空格的區別

看到 .header .content      .header.content  .header>.content  這幾個選擇器的意思 .header.content     

CSS樣式的後代選擇器子代選擇器

2017年04月18日 20:36:15 枕夢 閱讀數:1903 標籤: 後代選擇器 子代選擇器

intellij idea設定主題、字型樣式景色

引言:所謂工欲善其事必先利其器,idea就是這樣的利器,剛裝好的intellij idea主題樣式是白的,字型也很小,看起來很不舒服,接下來看下如何修改intellij idea的主題、字型樣式和背景色

android TextView設定部分文字景色文字顏色

通過SpannableStringBuilder來實現,它就像html裡邊的元素改變指定文字的文字顏色或背景色 public class MainActivity extends Activity

Web前端Table的trtd按百分比設定寬度高度,當內容超出時Table變型解決

如果table按照百分比設定寬度和高度,當表格內部任意內容超出所在元素的百分比值時就會使得表格變形。 <table width='80%'> <tr> <td width='50%'>內容超過50%</td> </tr> </table>

eclipse的字體大小設置景色設置

技術分享 -1 image ply logs .cn lips app cnblogs 1.字體大小設置 在basic下選擇最後一個TextFont 護眼背景色設置 添加到自定義顏色後點確定 最後一步點apply eclipse中的字體大小設置和背景色設

CSS 樣式的兩個方法

txt top 需要 不能 mar nbsp 效果 tom 容易 在很多時候,我們需要LI開頭空一點距離。結尾不能再有下劃線了。這個效果在以前是很難實現的。但是有了下面兩個選擇器,非常容易做出這種東西。 .slideTxtBox .bd ul > :fi

Js 一系列寬度高度的學習

頁面 chrome html5 影響 float 20px 我們 一個 完全   在學習元素一系列寬度和高度之前,我們先來看一個平時開發中幾乎不會遇到的問題,那就是html文檔聲明<!DOCTYPE html> 確實會對元素的寬高產生影響。幾乎不會遇到,是因為我

CSS樣式SVG引用方法相容性考量

SVG Scalable Vector Graphics (SVG)  .svg {   background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fww

手機瀏覽pc網頁,字型顯示比樣式設定的字型更大

用手機訪問專案的一個內容頁時,正文的字型比邊欄的字型要大,但是樣式中他們的font-size大小是一樣的。其中的程式碼片段如下 1 <style> 2 html{font-size: 14px;} 3 .p{width: 600px;}

CSS樣式"大於號"

CSS樣式中” 大於號” 在一段CSS程式碼中見到一個大於號(>),程式碼如下:        BODY#css-zen-garden > DIV#extraDiv2 {               BACKGROUND-IMAGE:url(../images/bg_face.jpg);  

Eclipse詳細設定護眼景色字型(Hermit)顏色並匯出

進入對話方塊後 1、展開General標籤,選中Editors選項,再選中 Test Editors,右邊出現Test Editors面板。 面板中有這樣一個選項:Appearance color options; 其中是各種板塊顏色的設定,其中有一項是background color,根據自己的喜好選擇顏

填坑總結:通過selector的android:state_checkableandroid:state_checked設定RadioButton的景色切換遇到的問題

 目的(需求):     想通過selector的android:state_checkable和android:state_checked不可選按鈕為灰,可選沒選中為白,    可選已選中為紅的效果。 layout的xml程式

VS2013 舒服的字型設定景色

使用字型:Fixedsys Excelsior 3.01 2、安裝字型:控制面板 -> 字型,複製下載的檔案進去。 3、開啟VS2010,工具 -> 選項 -> 環境 -> 字型和顏色,選擇Fixedsys字型,選擇字型大小為12 4、設定背景色:色調=123,飽和度=19

html之給文字框設定寬度高度...

今天在訪QQ空間登入介面時,感覺其文字框的寬度和高度都好大呀,截圖如下:我很好奇其是怎麼實現的,百度了一下,呵呵,其實不難嘛,程式碼如下:<input name="" type="text" style="wid

android TextView 設定部分文字景色文字顏色

通過SpannableStringBuilder來實現,它就像html裡邊的元素改變指定文字的文字顏色或背景色 public class MainActivity extends Activity { @Override protected void onCreate(Bund

IOS 設定Section的景色字型顏色

- (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section {     // 設定section背景顏色     view.tintColor = [