欢迎来到DIVCSS5查找CSS资料与学习DIV 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.四个边设置相同的边框*/
  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>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c58487.shtml