这是我最近项目中的代码,因为我是新手,所以此代码可能缺乏一些标准。
没有特色滑块的 html 示例页面
我为阴影定义的类被命名为“sawli”
代码 HTML
<div id="container-o">
<!-- Start of Main -->
<div id="main" class="sawli">
<div id="content">
<h1>Welcome to SEOCrust</h1><hr />
<p>This is a Parragraph Text</p>
</div>
</div><!-- End of Main -->
用于那个的 CSS
#container-o{ /*Main container*/
width:70%;
display:block;
padding:0;
margin-top:-280px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#container-o p{
font-size:18px;
}
#main{
height:100%;
width:100%;
margin:20px auto;
border:0px;
padding:10px 10px 10px 10px;
}
.sawli {
box-shadow:6px 0 4px -4px #222 , -6px 0 4px -4px #222;
-moz-box-shadow:6px 0 4px -4px #222 , -6px 0 4px -4px #222;
-webkit-box-shadow:6px 0 4px -4px #222 , -6px 0 4px -4px #222;
}
#main #content{
float:left;
padding:0;
position:relative;
}
这是我的代码片段。
请帮我!