padding怎么设置居中

2025-10-05 09:48:53

1、在桌面找到Hbuild 双击打开

padding怎么设置居中

2、打开自己软件要运行的html前端页面

padding怎么设置居中

3、html输入要显示的代码演示

padding怎么设置居中

4、打开页面浏览一下

padding怎么设置居中

5、在style修改代码样式

.box{

    margin: 20px 20px;

    width: 200px;

    height: 200px;

    background: #00A72B;

    border: 5px solid #007FFF;

    padding: 70px;

    box-sizing: border-box;

}

.box .box-content{

    width: 50px;

    height: 50px;

    background: #3399FF;

}

padding怎么设置居中

6、刷新页面再次预览效果

padding怎么设置居中

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢