日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > HTML >内容正文

HTML

HTML div设置菜鸟教程

發(fā)布時(shí)間:2024/1/8 HTML 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML div设置菜鸟教程 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

div用處很大,你需要知道,今天就來(lái)教教大家

可以在pycharm軟件中新建一個(gè)HTML文件

?用右鍵點(diǎn)擊pythonproject1選擇New,選擇HTML files后點(diǎn)擊,出現(xiàn)輸入框,輸入你需要的自定義名稱(chēng)(在此我使用HTML菜鳥(niǎo)教程為名)點(diǎn)擊Enter即可創(chuàng)建

結(jié)果

?

開(kāi)始正式教學(xué):

首先按Ctrl+A全選,再按下Backspace刪除所有

然后復(fù)制并粘貼以下內(nèi)容

(為考慮某些未登錄的用戶(hù)我分為了兩類(lèi))

---------------------------------------------------------------------------------------------------------------------------------

已登錄用戶(hù):

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>HTML菜鳥(niǎo)教程</title><style></style> </head> <body> <div><div><div></div></div> </div> </body> </html>

---------------------------------------------------------------------------------------------------------------------------------

未登錄用戶(hù):

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>HTML菜鳥(niǎo)教程</title><style></style> </head> <body> <div><div><div></div></div> </div> </body> </html>

---------------------------------------------------------------------------------------------------------------------------------

自行通過(guò)以下代碼中的注釋理解

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>HTML菜鳥(niǎo)教程</title><style>.urls{ width:130px;height: 80px;background: #dcb712;margin: 200px auto;}#url{ float:left;background-size: 25px 25px;background-position: 10px -2px;background-repeat: no-repeat;border-right:1px grey solid;padding:0px 40px;margin-top: 30px;</style> </head> <body> <div class="urls"><div><div id="url"><a href="https://bbs.csdn.net/?spm=1001.2101.3001.6068">CSDN</a></div> <!--class/di(兩者有所不同,class對(duì)應(yīng).,id對(duì)應(yīng)#,在名稱(chēng)前面點(diǎn)上對(duì)應(yīng)的符號(hào)即可)="這中間可自定義名稱(chēng)"主要用于分類(lèi)--></div> </div> </body> </html>

background后是圖層的背景顏色

可在這里拾色http://tools.jb51.net/static/colorpicker/(rgb顏色在線(xiàn))可選擇3個(gè)0到255之間的數(shù)或非全為數(shù)字的字符

運(yùn)行結(jié)果如下:

---------------------------------------------------------------------------------------------------------------------------------

點(diǎn)擊CSDN可跳轉(zhuǎn)至社區(qū)首頁(yè)哦!?

---------------------------------------------------------------------------------------------------------------------------------

其他有不懂的可至百度查詢(xún)

https://www.baidu.com/

點(diǎn)擊可直接跳轉(zhuǎn)

注:以下的圖片對(duì)于div圖層知識(shí)有巨大的用處(針對(duì)于HTML,此作品或其他作品都有用處)

以上為作者自行制作,如需轉(zhuǎn)載,請(qǐng)務(wù)必私信告知,且聲明原作者。各位用戶(hù),如發(fā)現(xiàn)未按要求進(jìn)行轉(zhuǎn)載,請(qǐng)及時(shí)舉報(bào)并告知,謝謝!

總結(jié)

以上是生活随笔為你收集整理的HTML div设置菜鸟教程的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。