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

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