HTML div设置菜鸟教程
div用處很大，你需要知道，今天就來教教大家
可以在pycharm軟件中新建一個HTML文件
?用右鍵點擊pythonproject1選擇New，選擇HTML files后點擊，出現輸入框，輸入你需要的自定義名稱（在此我使用HTML菜鳥教程為名）點擊Enter即可創建
結果?
開始正式教學：
首先按Ctrl+A全選，再按下Backspace刪除所有
然后復制并粘貼以下內容
（為考慮某些未登錄的用戶我分為了兩類）
---------------------------------------------------------------------------------------------------------------------------------
已登錄用戶：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>HTML菜鳥教程</title><style></style> </head> <body> <div><div><div></div></div> </div> </body> </html>---------------------------------------------------------------------------------------------------------------------------------
未登錄用戶：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>HTML菜鳥教程</title><style></style> </head> <body> <div><div><div></div></div> </div> </body> </html>---------------------------------------------------------------------------------------------------------------------------------
自行通過以下代碼中的注釋理解
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>HTML菜鳥教程</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對應.，id對應#，在名稱前面點上對應的符號即可）="這中間可自定義名稱"主要用于分類--></div> </div> </body> </html>background后是圖層的背景顏色
可在這里拾色http://tools.jb51.net/static/colorpicker/（rgb顏色在線）可選擇3個0到255之間的數或非全為數字的字符
運行結果如下：
---------------------------------------------------------------------------------------------------------------------------------
點擊CSDN可跳轉至社區首頁哦！?
---------------------------------------------------------------------------------------------------------------------------------
其他有不懂的可至百度查詢
https://www.baidu.com/
點擊可直接跳轉
注：以下的圖片對于div圖層知識有巨大的用處（針對于HTML，此作品或其他作品都有用處）
以上為作者自行制作，如需轉載，請務必私信告知，且聲明原作者。各位用戶，如發現未按要求進行轉載，請及時舉報并告知，謝謝！
總結
以上是生活随笔為你收集整理的HTML div设置菜鸟教程的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： markdown在前端的简单使用
- 下一篇： python菜鸟教程官网绘图-Pytho