search

博客列表 >写一个盒子, 要求用到margin,padding,border, 并用到它们的完整语法, 简写语法

写一个盒子, 要求用到margin,padding,border, 并用到它们的完整语法, 简写语法

锋芒天下的博客
锋芒天下的博客原创
2019年07月04日 22:22:54565浏览

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>1. 写一个盒子, 要求用到margin,padding,border, 并用到它们的完整语法, 简写语法</title>

   <style>
       #box{
           width: 500px;
           height: 500px;
           border: 1px solid #cccccc;
           /*margin-top: 20px;*/
           /*margin-right: 30px;*/
           /*margin-bottom: 40px;*/
           /*margin-left: 50px;*/
           margin: 20px 30px 40px 50px;

           /*padding-top: 20px;*/
           /*padding-right: 30px;*/
           /*padding-bottom: 40px;*/
           /*padding-left: 50px;*/

           padding: 20px 30px 40px 50px;
       }
   </style>

</head>
<body>

   <div id="box"></div>

</body>
</html>

上一条：css的简介与引用-0703下一条：如何在函数中访问全局变量
写一个盒子 要求用到marginpaddingborder 并用到它们的完整语法 简写语法
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多