CSS——行内元素的margin与padding
行内元素:
1、margin:0 20px;只可以定义左右。
2、pading:20px 20px 20px 20px;上下左右都有效
例如span:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> span{ background-color:red; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:20px; margin-left:20px; margin-right:20px; } </style> </head> <body> <span>你好</span> <a>今天的报道</a> </body> </html>
效果:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步