码迷,mamicode.com
首页 > Web开发 > 详细

css-区块

时间:2019-11-09 18:05:22      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:meta   div   height   ali   html   col   doc   enter   htm   

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style>
   .shadow {
    box-shadow:5px 5px  5px red;
    width: 200px;
    height: 100px;
    background-color: blue;
    border-radius: 50%;
    text-align:center;
   }
   .radius {
    width: 200px;
    height: 200px;
    border: 1px;
    background-color: red;
    border-radius: 50%;
    text-align:center;
   }
  </style>
 </head>
 <h1>我是标题</h1>
 <p>我是段落</p>
 <body>
  <div class="shadow"> <!--box-shadow 设置阴影属性,阴影右水平偏移,垂直下偏移,模糊半径,阴影基本颜色-->
   测试
  </div>
  <div class="radius"> <!--border-radius 用来创建圆角-->
  </div>
 </body>
</html>

css-区块

标签:meta   div   height   ali   html   col   doc   enter   htm   

原文地址:https://www.cnblogs.com/emma-zhu/p/11826699.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!