<span class="fstory"><a href="http://www.builderau.com.au/program/dotnet/soa/Quick_Start_guide_to_Microsoft_NET_development/0,339028399,339271495,00.htm">Full story</a></span>
</div>
<div id="story4" >
<a href="http://www.builderau.com.au/program/css/soa/Understanding_the_CSS_box_model/0,39028392,39269220,00.htm" class="ched">Understand CSS</a>
Before diving into CSS learn some of the core drivers and concepts.
<span class="fstory"><a href="http://www.builderau.com.au/program/css/soa/Understanding_the_CSS_box_model/0,39028392,39269220,00.htm">Full story</a></span>
</div>
</div>
</body>
</html>
这个时候蒙娜丽莎对我们还没有用。现在让我们向这些div加入一些样式，让它看起来更像我们所知道的旋转木马：
<html>
<head>
<style>
.storydiv {
height:182px;
width:355px;
padding-left:175px;
top:0px;
left:0px;
}
#story1 {
background:url(http://www.builderau.com.au/i/s/cov/securitychain170110.gif) no-repeat;
}
#story2 {
background:url(http://www.builderau.com.au/i/s/cov/browser170110.jpg) no-repeat;
}
#story3 {
background:url(http://www.builderau.com.au/i/s/cov/dotnet170110.gif) no-repeat;
}
#story4 {
background:url(http://www.builderau.com.au/i/s/cov/tools170110.jpg) no-repeat;
}
.storyDesc{
padding-top: 10px;
padding-right: 8px;
display:block;
}
.fStory {
padding-top: 10px;
display:block;
font-weight:bold;
}
</style>
</head>
<body>
<div id="storyContainer">
<div id="story1" class="storydiv">
<a href="http://www.builderau.com.au/program/iis/soa/Protect_IIS_log_files_by_moving_them_to_a_secure_location/0,339028427,339271617,00.htm" class="ched">Secure IIS</a>
<span class="storydesc">
Log files are essential to reconstruct events before an IIS Web server failure. Learn how to protect your log files with this tip.</span>
<span class="fstory"><a href="http://www.cnet.com.au/software/security/0,39029558,40058242,00.htm">Full story</a></span>
评论加载中…
 |