如何为我的 HTML 按钮添加一些摆动空间(较低的填充或边距)?

How can I add some wiggle room (lower padding or margin) to my HTML button?

我正在动态创建控件并将它们添加到 Web 部件。

当我这样做时:

this.Controls.Add(new LiteralControl("<br />"));
Button btnSave = new Button();
btnSave.Text = "Save";
btnSave.Click += new EventHandler(btnSave_Click);
this.Controls.Add(btnSave);
this.Controls.Add(new LiteralControl("<br />")); // <= this does nothing

...按钮位于 Web 部件的最底部:

(注意加个"br"会被忽略)

如果我添加这个:

btnSave.BorderWidth = 6;

...它确实在按钮周围提供了边框,但它与背景的颜色不同——它是黑色的,如您所见:

如何在按钮下方添加一些 space 且边框没有背景颜色?

更新

我想尝试建议的 btnSave.Style.MarginBottom 代码,但是按钮样式 属性 没有 "MarginBottom" sub属性,如下所示:

更新 2

当我尝试 Mohammad 的最新建议时:

btnSave.BorderColor = this.BorderColor;

...我明白了,"The type 'System.Drawing.Color' is defined in an assembly that is not referenced. You must add a reference to assembly 'System.Drawing. . ."

所以我试过了:

using System.Drawing;

...但尝试编译导致:"The type or namespace name 'Drawing' does not exist in the namespace 'System' (are you missing an assembly reference?)"

试试这个:

btnSave.style.marginBottom = "10px";

你可以把号码改成任何好看的!

这是门票(灵感来自代码片段(使用"div")here:

//this.Controls.Add(new LiteralControl("<br />")); // <= this does nothing
HtmlGenericControl breakingSpace = new HtmlGenericControl("br");
this.Controls.Add(breakingSpace);