溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

CSS邊框如何使用

發(fā)布時(shí)間:2022-03-16 14:14:51 來源:億速云 閱讀:149 作者:iii 欄目:web開發(fā)

這篇文章主要講解了“CSS邊框如何使用”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“CSS邊框如何使用”吧!


  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  4. <meta charset="UTF-8">

  5. <title>Insert title here</title>

  6. </head>

  7. <style type="text/css">

  8. /*1.四個(gè)邊設(shè)置相同的邊框*/

  9. p{

  10. border:1px dashed red;

  11. }

  12. /*2.單個(gè)邊設(shè)置邊框*/

  13. /*left/right/top/bottom*/

  14. h2{

  15. border-left: 10px solid blue;

  16. }

  17. /*3.塊元素一般寬度默認(rèn)是100%,高度為自適應(yīng),內(nèi)容越多,它越高。當(dāng)給他固定高度時(shí),可能會(huì)導(dǎo)致內(nèi)容溢出,*/

  18. p{

  19. width: 300px;

  20. height: 60px;

  21. /*溢出時(shí)的處理*/

  22. overflow:auto;

  23. }

  24. </style>

  25. <body>

  26. <h2>李白</h2>

  27. <p>

  28. 李白(701年-762年) ,字太白,號(hào)青蓮居士,又號(hào)“謫仙人”,是唐代偉大的浪漫主義詩(shī)人,

  29. 被后人譽(yù)為“詩(shī)仙”,與杜甫并稱為“李杜”,為了與另兩位詩(shī)人李商隱與杜牧即“小李杜”區(qū)別,

  30. 杜甫與李白又合稱“大李杜”。據(jù)《新唐書》記載,李白為興圣皇帝(涼武昭王李暠)九世孫,

  31. 與李唐諸王同宗。其人爽朗大方,愛飲酒作詩(shī),喜交友。

  32. </p>

  33. </body>

  34. </html>

感謝各位的閱讀,以上就是“CSS邊框如何使用”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對(duì)CSS邊框如何使用這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)
AI