<!doctype html>
<html >
<head>
<style>
.accordion section:target { background:#FFF; padding:10px;}
.accordion section:target h2 a{ color:#333; padding:0;}
.accordion section:target p {display:block;}
.accordion section{ float:left; overflow:hidden; color:#333; cursor:pointer; background: #333; margin:3px; width:100%; height:40px; }
.accordion section p { display:none; }
.vertical :target{ height:250px; width:97%; }
</style>
</head>
<body>
<h1>CSS3 Only Accordion Examples</h1>
<div style="width:830px; overflow:hidden; margin:10px auto; color:#474747; background:#414141; padding:10px;" class="accordion vertical">
<section id="vertabout" target=" background:#FFF; padding:10px;">
<h2 style=" position:relative; left:0; top:-15px; "><a style="padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none;" href="#vertabout">About Us</a></h2>
<p>fggfdgasf</p>
</section>
<section id="vertservices">
<h2 style=" position:relative; left:0; top:-15px; "><a style="padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none;" href="#vertservices">Services</a></h2>
<p>dcsadsc</p>
</section>
</div>
</body>
</html>
如何将样式标签内的代码转换为内联css？ 因此，可以通过电子邮件附件发送，以便正确查看附件，电子邮件只需要内联css。
答案 0 :(得分：1)
Zurb inliner就是这么做的。看看http://zurb.com/ink/inliner.php
答案 1 :(得分：0)
我想归功于：涡轮增压未来的乔纳（Jonna）：
说明非常简单，位于here:
<Head>
<Link rel="stylesheet" type="text"/css href=jHomes.css
<Head>
和
body
{
background-color:yellow
}
{
font-family:"Georgia";
font-size:30px;
}
**jHomes.css**