在“设计”视图中设置边距、衬距和尺寸
通过双击选中项上的方形调整大小控点 .gif "Cc295396.51e07df4-5b7e-4c9f-8607-0a17205adafd(zh-cn,Expression.10).gif")
，可以快速添加或删除块级项的宽度或高度，或者同时添加或删除这两种属性。也可以在“设计”视图中拖动项的边缘或者拖动从选中项的每个角延伸出来的某个线控点，快速设置块级项的任意边的边距和衬距。
图片的左边距
.gif "Cc295396.10ee21e8-35a2-4b04-b7ba-acd715e99faf(zh-cn,Expression.10).gif")
调整大小控点显示在选中的块级项的右边和底部的中间以及右下角。可以通过拖动项的边缘或者使用粉红色的边距控点来设置边距，也可以通过按住 Shift 并同时拖动项的边缘或者使用蓝色的衬距控点来设置衬距。项的边距显示粉红色的底纹，而衬距区域则显示蓝色的底纹。拖动它们时，新的边距将显示橙色的底纹，新的衬距则显示绿色的底纹。
可以将这些技巧用于图片、表格、层、小程序、嵌入式框架和块级项，包括段落、标题（<h1>、<h2> 等）、列表和列表项、表单和表单元素、未定位的 div、地址标记、块引用标记、水平线以及 <center> 标记。当您使用上述任一技术时，Microsoft Expression Web 都会通过创建级联样式或使用类选择器的样式来为您生成格式，具体取决于关联的样式应用程序设置。若要修改这些设置，请参阅为生成的 CSS 设置首选项。
这些控点将在选择项时，或者在选择块级项后又选择了以下任一项时显示：项块四周的虚线边框；显示在“设计”视图中项顶部的项块级选项卡；或者是“快速标记选择器”栏中的项标记。例如，如果单击一个图片，这些控点将立即显示出来；如果选择一个块级项，如段落，则只有在单击段落上的“p”块级选项卡，单击显示在段落块四周的虚线时，或者单击“快速标记选择器”栏中的 <p> 段落标记时，这些控点才会显示出来。此外，除非在“视图”菜单的“视觉帮助”子菜单上选择了“块选择”，否则块级项不会显示控点、边距底纹和衬距底纹。
设置块级项的边距、衬距或尺寸
在网页的“设计”视图中，选择该项。
行控点和调整大小控点会从项的每个角扩展。如果不出现控点，请执行以下一项或多项操作：
如果选中了一个块级项，请在“视图”菜单上，指向“视觉帮助”，再单击“显示”。在“视图”菜单上，再次指向“视觉帮助”，再单击“块选择”。
单击围绕在项块四周的虚线。
单击项顶部的“视觉帮助”选项卡。
单击编辑窗口顶部“快速标记选择器”栏中的项标记。
执行下列一项或多项操作：
若要设置边距，请在所需的那一边拖动粉红色的边距控点或边缘。
若要设置衬距，请按住 Shift，再在所需的那一边拖动蓝色的衬距控点或边缘。
若要仅添加或删除宽度属性，请双击项右侧的调整大小控点。
若要仅添加或删除高度属性，请双击项底部的调整大小控点。
若要添加或删除宽度和高度属性，请双击项右下角的调整大小控点。