VisualStudio怎么使用body標(biāo)簽定義網(wǎng)頁的布局格式?

Visual Studio中想要定義網(wǎng)頁的布局格式,今天我們就來看看使用body標(biāo)簽來定義布局的教程。

visual studio community 2015(vs2015社區(qū)版) 官方中文完整版
- 類型:編程工具
- 大?。?/span>3.74GB
- 語言:簡體中文
- 時(shí)間:2017-02-22
1、用Visual Studio打開一個(gè)已有動(dòng)態(tài)網(wǎng)頁,本例為upper.aspx網(wǎng)頁文件。
2、網(wǎng)頁中,首先找到body標(biāo)簽。
3、用style屬性,定義網(wǎng)頁的布局格式。
4、用border屬性,定義網(wǎng)頁的邊框,邊框的粗細(xì)為3,顏色為藍(lán)色。
5、使用padding屬性,定義網(wǎng)頁的襯距,設(shè)置值為180像素。
6、定義網(wǎng)頁的邊距,用margin實(shí)現(xiàn)定義,邊距值為30像素。
7、設(shè)置網(wǎng)頁的背景色,背景色值為綠色。
8、設(shè)置網(wǎng)頁中文字的字體大小,設(shè)置字體大小為20像素。
9、瀏覽網(wǎng)頁,頁面的邊框和背景等布局格式正常顯示了。
以上就是Visual Studio使用body標(biāo)簽定義網(wǎng)頁的布局格式的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
VisualStudio網(wǎng)頁怎么實(shí)現(xiàn)按鈕獲取手機(jī)驗(yàn)證碼?
VisualStudio怎么新建網(wǎng)頁頁面? vs創(chuàng)建頁面的教程
VisualStudio網(wǎng)頁怎么插入文本框? vs文本框的制作方法
相關(guān)文章
VisualStudio2015項(xiàng)目怎么導(dǎo)出為模板?
VisualStudio2015項(xiàng)目怎么導(dǎo)出為模板?vs2015中做好的項(xiàng)目想要導(dǎo)出為模板,下次直接調(diào)用,該怎么導(dǎo)出模板呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-04-13VisualStudio怎么自動(dòng)換行? vs編輯器代碼編輯器設(shè)置自動(dòng)換行的教程
VisualStudio怎么自動(dòng)換行?vs開發(fā)的時(shí)候,發(fā)現(xiàn)代碼很長,顯示不完,想要設(shè)置自動(dòng)換行,該怎么設(shè)置呢?下面我們就來看看要vs編輯器代碼編輯器設(shè)置自動(dòng)換行的教程,需要的朋2018-04-11VisualStudio怎么給網(wǎng)頁插入全屏顯示的背景圖片?
VisualStudio怎么給網(wǎng)頁插入全屏顯示的背景圖片?vs編程開發(fā)的時(shí)候,想要給網(wǎng)頁添加一個(gè)背景圖片,怎么插入圖片并全屏顯示呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以2018-04-11VisualStudio使命使用代碼實(shí)現(xiàn)網(wǎng)頁的整體布局?
VisualStudio使命使用代碼實(shí)現(xiàn)網(wǎng)頁的整體布局?Visual Studio中想要使用代碼實(shí)現(xiàn)網(wǎng)頁布局,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-04-11vscode如何關(guān)閉自動(dòng)更新提示?visual studio code禁止自動(dòng)更新的方法介
最近,很多網(wǎng)友問小編vscode如何關(guān)閉自動(dòng)更新提示?今天小編就給大家詳細(xì)介紹一下visual studio code禁止自動(dòng)更新的方法,非常簡單,需要的朋友一起去了解一下吧2018-04-11visual studio code怎么改快捷鍵?vscode修改默認(rèn)快捷鍵的方法介紹
使用vscode時(shí),經(jīng)常會(huì)遇到和其他軟件快捷鍵沖突的問題,這個(gè)時(shí)候我們需要修改快捷鍵,那么,visual studio code怎么改快捷鍵?今天小編就給大家詳細(xì)介紹一下vscode修改默認(rèn)2018-04-11VisualStudio2015怎么設(shè)置字體格式? vs設(shè)置字體樣式的教程
VisualStudio2015怎么設(shè)置字體格式?vs2015中想要對(duì)文本編輯器中的字體格式大小進(jìn)行編輯,該怎么實(shí)現(xiàn)呢?下面我們就來看看vs設(shè)置字體樣式的教程,需要的朋友可以參考下2018-04-10vscode(Visual Studio Code)配置PHP開發(fā)環(huán)境的方法(已測(cè))
Visual Studio Code一個(gè)輕量且強(qiáng)大的代碼編輯器,支持Windows,OS X和Linux。內(nèi)置JavaScript、TypeScript和Node.js支持,而且擁有豐富的插件生態(tài)系統(tǒng),可通過安裝插件來支2018-04-06Windows下Visual Studio Code 快捷鍵大全
Visual Studio Code 是一款優(yōu)秀的編輯器,非常適合編寫 TS 以及 React 。最近在學(xué)習(xí) AngularJs 2,開始使用 VSCode,特意整理翻譯了一下官網(wǎng)的快捷鍵2018-04-05Visual Studio Code 使用指南(vscode技巧)
VSCode是微軟推出的一款輕量編輯器,采取了和VS相同的UI界面,搭配合適的插件可以優(yōu)化前端開發(fā)的體驗(yàn),這里為大家介紹一下vscode的技巧,需要的朋友可以參考下2018-04-05