摘要:黑體你以為自己學(xué)這么點(diǎn)就厲害了黑體學(xué)點(diǎn)新東西吧,讓你的網(wǎng)頁(yè)更漂亮我們只需要用到圖片和網(wǎng)頁(yè)黑體這是的代碼果汁果汁標(biāo)簽的背景顏色黑體請(qǐng)看
你以為自己學(xué)這么點(diǎn)CSS就厲害了?
學(xué)點(diǎn)新東西吧,讓你的網(wǎng)頁(yè)更漂亮
我們只需要用到圖片和網(wǎng)頁(yè)
這是index.html的代碼
1 <html> 2 <head> 3 <title>Head First Loungetitle> 4 head> 5 <style> 6 body{ 7 margin-left: 15%; 8 margin-right: 15%; 9 font-family: sans-serif; 10 padding: 10px 10px 10px 10px; 11 border: 3px solid green; 12 } 13 p.myp{ 14 background-color: pink; 15 color: blue; 16 } 17 style> 18 <body> 19 <h1>Welcome to the Head First Loungeh1> 20 <img src = "images/drinks.jpg" alt = "果汁" title = "果汁" width = "400" height = "200"> 21 <P>Join us any evening for refreshing elixirs, conversation and maybe a game of two of <em>Dance Revolutionem>Wireless access is always provided;BYOWS (Brinf you Web server). 22 p> 23 <h2>Directionsh2> 24 <p class = "myp"> 25 Youll find us right in the center of downtown Website. Come join us! 26 p> 27 body> 28 html> 29
請(qǐng)看效果
我添加了元素的背景顏色,結(jié)合學(xué)過(guò)的class(類)自己試試能不能讓它變得更漂亮
//本系列教程基于《Head First HTML與CSS(第二版)》,此書(shū)國(guó)內(nèi)各大購(gòu)物網(wǎng)站皆可購(gòu)買(mǎi)
轉(zhuǎn)載請(qǐng)注明出處 by:M_ZPHr
最后修改日期:2019-01-17
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1302.html
摘要:黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個(gè)網(wǎng)頁(yè)黑體安全基礎(chǔ)初識(shí)黑體安全基礎(chǔ)初識(shí)標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁(yè) #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS #WEB安全基...
摘要:第一個(gè)問(wèn)題前端都做哪些事呢,前端都需要哪些技術(shù)呢前端發(fā)展的三個(gè)階段初級(jí)階段入門(mén)常見(jiàn)標(biāo)簽,新增的,語(yǔ)義化標(biāo)簽等等選擇器,背景,文本,鏈接,列表,盒模型,定位,浮動(dòng),新增的屬性柵格化系統(tǒng),按鈕,表單,導(dǎo)航數(shù)據(jù)類型,對(duì)象,函數(shù),運(yùn)算符,語(yǔ)句,,選 第一個(gè)問(wèn)題:前端都做哪些事呢,前端都需要哪些技術(shù)呢 前端發(fā)展的三個(gè)階段: 初級(jí)階段:(入門(mén)) html:常見(jiàn)標(biāo)簽,html5新增的,語(yǔ)義化標(biāo)簽等等...
摘要:第一個(gè)問(wèn)題前端都做哪些事呢,前端都需要哪些技術(shù)呢前端發(fā)展的三個(gè)階段初級(jí)階段入門(mén)常見(jiàn)標(biāo)簽,新增的,語(yǔ)義化標(biāo)簽等等選擇器,背景,文本,鏈接,列表,盒模型,定位,浮動(dòng),新增的屬性柵格化系統(tǒng),按鈕,表單,導(dǎo)航數(shù)據(jù)類型,對(duì)象,函數(shù),運(yùn)算符,語(yǔ)句,,選 第一個(gè)問(wèn)題:前端都做哪些事呢,前端都需要哪些技術(shù)呢 前端發(fā)展的三個(gè)階段: 初級(jí)階段:(入門(mén)) html:常見(jiàn)標(biāo)簽,html5新增的,語(yǔ)義化標(biāo)簽等等...
摘要:第一個(gè)問(wèn)題前端都做哪些事呢,前端都需要哪些技術(shù)呢前端發(fā)展的三個(gè)階段初級(jí)階段入門(mén)常見(jiàn)標(biāo)簽,新增的,語(yǔ)義化標(biāo)簽等等選擇器,背景,文本,鏈接,列表,盒模型,定位,浮動(dòng),新增的屬性柵格化系統(tǒng),按鈕,表單,導(dǎo)航數(shù)據(jù)類型,對(duì)象,函數(shù),運(yùn)算符,語(yǔ)句,,選 第一個(gè)問(wèn)題:前端都做哪些事呢,前端都需要哪些技術(shù)呢 前端發(fā)展的三個(gè)階段: 初級(jí)階段:(入門(mén)) html:常見(jiàn)標(biāo)簽,html5新增的,語(yǔ)義化標(biāo)簽等等...
閱讀 736·2023-04-25 19:43
閱讀 3982·2021-11-30 14:52
閱讀 3807·2021-11-30 14:52
閱讀 3871·2021-11-29 11:00
閱讀 3802·2021-11-29 11:00
閱讀 3904·2021-11-29 11:00
閱讀 3580·2021-11-29 11:00
閱讀 6185·2021-11-29 11:00