按钮文本我们将使用 CSS 调整按钮设计。为了让解释更容易。为了理解,我们将解释使用嵌入的 css.Btn-table { width:%; / 按钮宽度 / border-radius:px; /.按钮圆角半径 / background-color:eef; / 按钮颜色 /}btn-td { padding:px; /按钮内边距 = 也为表格标签的单元格填充指定 / height:px; / .按钮的高度 /}btn-td a { color:#ffffff; / 按钮文字颜色 / text-decoration:none; / 链接下划线的存在 / display:block; / 扩展按钮的链接范围。 /}btn-font { 字体大小:px; / 按钮文字大小 ine-height:; / 按钮文本行距 /}为按钮设置 css 的图像。设计按钮的设计是鼓励读者采取行动的重要因素。
按钮尺寸的小变化
即使很小。按钮大小、颜色、文本颜色和措辞的变化会对 .结果。尝试用css调整设计并测试效果。*考虑到可更新性,.实际模板包含用于嵌入式和内 电话号码数据 联格式的按钮设计的 CSS,.并且嵌入格式的 css 优先通过 !Important 设置应用。如果 。如果您想调整设计,请修改嵌入格式的css。
我们将编码的边界
添加边框。我们将对边界进行编码。复制内容区域中 士生兼研究员尼古拉·阿夫希 的表格并添加 .表格的边框。首先,我们希望边框跨越整个宽度,因此 .我们在网站上将 cellpadding 设置回,边框通过装饰 hr 标签来使用。用css,但是在html邮件中,css样式用来装饰hr标签。根据电子邮件客户端的不同,可能无法应用。这次,不是 hr 标签,而是 .
将通过设置来表达边界
我们将通过为表格的 td 设置边框来表达边框。标签。为边框设置 css 样式的图像添加两行 tr 和 td 。标签,一个在另一个之上,并设置顶部 td 的边框 电子邮件列表 样式。边框底部。底部 td 用于设置边框下方的边距。的高度。 td 用高度指定。另外,由于我们在 . td中,我们还设置了font-size和line-height来保证边距。
边界上方和下方是
边框上方和下方的设置不会受到太大影响。添加副标题我们将开始编码。副标题。对于副标题设计,我们要设置线条+背景色。在左侧,因此我们将在内容区域和 中复制表格。添加嵌套在其中的相同表格。创建中间标题的设计。调整内表标签的cellpadding和td标签的css。 。 中见出しのサンプル 图像,带有副标题的 css 样式,添加两列图像,我们将对其进行编码。