HTML div设置菜鸟教程
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)題。
- 上一篇： markdown在前端的简单使用
- 下一篇： 【前端领域】3D旋转超美相册（HTML+