热门关键字：

边框：

461
作者：管理员
发布时间：2020/7/5 9:20:02
评论数：0
转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=2051

  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.四个边设置相同的边框*/
  9. p{
  10. border:1px dashed red;
  11. }
  12. /*2.单个边设置边框*/
  13. /*left/right/top/bottom*/
  14. h1{
  15. border-left: 10px solid blue;
  16. }
  17. /*3.块元素一般宽度默认是100%，高度为自适应，内容越多，它越高。当给他固定高度时，可能会导致内容溢出，*/
  18. p{
  19. width: 300px;
  20. height: 60px;
  21. /*溢出时的处理*/
  22. overflow:auto;
  23. }
  24. </style>
  25. <body>
  26. <h1>李白</h1>
  27. <p>
  28. 李白（701年－762年） ，字太白，号青莲居士，又号“谪仙人”，是唐代伟大的浪漫主义诗人，
  29. 被后人誉为“诗仙”，与杜甫并称为“李杜”，为了与另两位诗人李商隐与杜牧即“小李杜”区别，
  30. 杜甫与李白又合称“大李杜”。据《新唐书》记载，李白为兴圣皇帝（凉武昭王李暠）九世孙，
  31. 与李唐诸王同宗。其人爽朗大方，爱饮酒作诗，喜交友。
  32. </p>
  33. </body>
  34. </html>




如果您觉得本文的内容对您的学习有所帮助：支付鼓励



关键字：CSS
友荐云推荐