【发布时间】:2015-04-20 18:45:23
【问题描述】:
<!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。
【问题讨论】:
-
什么编程语言?项目的设置是什么?