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中的tr和td按百分比設定寬度和高度,當內容超出時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_checkable和android: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 = [