demo.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <style>
  7. .p {
  8. width: 600px;
  9. height: 600px;
  10. background-color: grey;
  11. border: 1px solid red;
  12. }
  13. .s {
  14. width: 200px;
  15. height: 200px;
  16. background-color: #0d8ddb;
  17. /*margin-left: auto;*/
  18. /*margin-right: auto;*/
  19. /*margin-top: auto;*/
  20. /*margin-bottom: auto;*/
  21. margin: auto 0;
  22. }
  23. .one {
  24. color: red;
  25. font-size: 50px;
  26. }
  27. .two {
  28. color: green;
  29. }
  30. .hello li {
  31. color: red;
  32. list-style-position: outside;
  33. counter-reset: hello 1;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <!--<div class="p">-->
  39. <!--<div class="s"></div>-->
  40. <!--</div>-->
  41. <!--<input type="button" value="你好" style="display: inline;margin-top: 12px;width: 500px">-->
  42. <div class="one">
  43. <div class="two"><span>你好</span></div>
  44. </div>
  45. <div class="hello">
  46. <ul>
  47. <li>啦啦啦啦<a href="">百度</a></li>
  48. </ul>
  49. </div>
  50. </body>
  51. </html>