开发者社区> 问答> 正文

网页设计中如何设置外边距?

网页设计中如何设置外边距?

展开
收起
游客wn4tr4agg7xku 2022-03-25 00:42:23 3258 0
2 条回答
写回答
取消 提交回答
  • 可以通过 margin-left/margin-right/margin-top/margin-bottom 分别设定元素的左、右、上、下边距。

    举个例子,给按钮1设置外边距,首先设置id, 配图62.png

    然后通过 id 选择器选中该元素,为其设置 CSS 样式为: 配图63.png

    上述代码,将按钮 1 的左边距设为了 100px,右边距设为了 200px,上下边距设为了 30px,所以效果如下: 配图64.png

    可以看到,按钮 1 距离左外边距变大了 100px,右外边距变大了 300px,上下外边距变大了 30px。

    以上内容摘自陈文阳《零基础CSS入门教程》电子书,点击https://developer.aliyun.com/ebook/download/2 下载完整版

    2022-03-25 12:28:40
    赞同 展开评论 打赏
  • 和你开发语言有关

    2022-03-25 08:34:46
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
阿里云开发者社区官方技术圈,用户产品功能发布、用户反馈收集等。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载