首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

你把CSS边距放在哪里?

CSS 边距可以放在元素的四个边框(上、下、左、右)中,或者作为内边距(填充)应用到元素内部。

  • 边框内边距:
代码语言:css
复制
.selector {
  border-top: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-right: 1px;
}
  • 内边距:
代码语言:css
复制
.selector {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

或者可以创建一个内边距盒,通过设置内边距来实现元素的样式:

代码语言:css
复制
.selector {
  padding-left: 1px;
  padding-right: 1px;
  /* 边框样式 */
  border-left: 1px;
  border-right: 1px;
  /* 边框颜色 */
  border-color: transparent transparent white;
  /* 边框宽度 */
  border-width: 1px;
  border-style: solid;
  /* 边框间距 */
  border-top-width: 0;
  border-bottom-width: 0;
}
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券