美文网首页
css闲来无事一段代码

css闲来无事一段代码

作者: nickNic | 来源:发表于2019-07-12 16:05 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>闲来无事一段代码</title>
 <style type="text/css">

   body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
   {
     margin:0;padding:0
   }

   div
   {
     width: 372px;
     height: 232px;
     border: 1px solid #666666;
     margin: 0px auto;
     box-sizing: border-box;
     padding: 15px;
   }

   h2
   {
     font-family:"微软雅黑";
     font-size: 18px;
     padding-bottom: 10px;
     border-bottom: 1px solid #666666;
     margin-bottom: 10px;
   }

   span
   {
     font-size: 14px;
   }

   p{
     padding-left: 20px;
     padding-right: 20px;
     border-bottom: 1px dashed #666666;
     height: 30px;
     font-size: 12px;
     font-family:"微软雅黑";
     color: #242424;
     line-height: 30px;
   }

</style>

</head>
<body>

<div>
  <h2>
  伟大领袖<span>嘿嘿</span>
  </h2>
  <p>访华</p>
  <p>访美</p>
  <p>访全球</p>
  <p>访世界</p>
  <p>访宇宙</p>
</div>

</body>
</html>

相关文章

  • css闲来无事一段代码

  • CSS动画学习第一篇

    最近闲来无事学习了下CSS3的一些动画特效,记录下自己学习css动画的历程。第一个CSS动画。 代码如下:

  • 【CSS】按钮特效 - 3

    HTML代码 CSS代码 HTML代码 CSS代码 HTML代码 CSS代码 HTML代码 CSS代码 最后两个效...

  • 学习CSS 自定义网页的字体..

    使用chrome插件stylish实现网页css代码替换最终实现网页字体(style)自定义下面一段css用于自定...

  • 【CSS】孟加拉共和国国旗

    HTML代码: 方法1 CSS代码: 方法2 CSS代码: 方法3 CSS代码: 方法3是针对Webkit引...

  • 【CSS】按钮特效 - 2

    基于【CSS】按钮特效的方法,做多几个不同角度的按钮~ HTML代码 CSS代码 HTML代码 CSS代码 HTM...

  • console.log调试大法

    首先贴上一段有问题的代码。 else if(path === './style.css'){response.st...

  • iOS开发多线程

    这段时间一直在自学html,js,css。今天闲来无事,还是决定好好复习复习iOS的代码,前天swift之父Chr...

  • css

    去年寫的 沒什麼用處 css背景 代码效果demo.png css文本 代码效果 字体 代码效果 css链接 代码...

  • day2 前端css(样式)(2022-02-22)

    css代码编写方式 嵌入编写 将css代码写在html代码文件中 必须将css代码写在style标记中(style...

网友评论

      本文标题:css闲来无事一段代码

      本文链接:https://www.haomeiwen.com/subject/xhhykctx.html