这段内容描述了如何使用CSS来定制和美化HTML邮件签名。引入了多个Google字体库，包括Libre Baskerville, Arapey和Open Sans系列，以提供不同的文本样式。此外，还定义了不同设备宽度下的字体大小调整，以及链接的颜色和过渡效果。邮件签名的样式包括居中对齐，带有边框和圆角的白色背景块，以及用于重置和捕获签名的元素。"
126787160,8302036,Python数据库实战：MySQL用户管理-删除用户功能实现,"['python', '数据库开发', 'mysql']
css
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Arapey);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
body {
font-family: 'Libre Baskerville', serif;
font-size:16px;
line-height:1.5em;
color:#000;
margin:0;
background:#efefef;
}
@media (max-width:600px) {
body { font-size:14px; }
}
#content {
text-align: center;
max-width: 600px;
margin: 2em auto;
display: block;
background: #fff;
padding: 2em;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a, a .icon {
color:#136fd2;
color:#0a3666;
fill:#0a3666;
text-decoration:none;
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
transition: all 300ms;
}
a:hover,a:hover .icon {
color:#C02942;
color:#136fd2;
fill:#136fd2;
}
a:hover {
color:#136fd2;
}
a:active {
color:#bf7883;
}
h1 {
text-align:center;
font-size:2em;
line-height:1.5em;
line-height: 1.2em;
letter-spacing:0.15em;
font-family:'Arapey', serif;
text-transform:uppercase;
font-weight:normal;
margin-top:0;
position:relative;
}
h2 {
font-size:1.2em;
line-height:1.2em;
letter-spacing:.05em;
font-family:'Open Sans Condensed',sans-serif;
font-weight:700;
}
/****** System styles ******/
#signature {
width:auto;
border:dashed 2px #53777A;
margin:0;
text-align:center;
min-height:80px;
min-width:340px;
}
#reset {
margin:1.5em auto;
}
#signature_capture {
width:100%;
height:7em;
}
.footer {
text-align: center;
display: block;
margin-top: 0rem;
}
扫一扫
2528
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
