阴影效果 CSS+DIV_css

原代码：

html代码

<!DOCTYPE <a href="https://www.gaodaima.com/tag/html" title="查看更多关于html的文章" target="_blank">html</a> PUBLIC “-//W3C//DTD XHTML 1.1//EN” “<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”><html"  rel="nofollow">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”><html</a> xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml&#8221"  rel="nofollow">http://www.w3.org/1999/xhtml&#8221</a>;  ><head><style>#w{ width:200px; font-size:12px; margin-left:auto; margin-right:auto;}.ac {  display:block;   background:#bbbbbb;   border:1px solid #dddddd;   position:relative;  margin:1px 0;  }.bc {  display:block;   background:#777777;   border:1px solid #999;   position:relative;  padding:1px;  margin:1px;  }.cc {  text-align:center;   background:#ffffff;   border:1px solid #555;   position:relative;   padding:5px;  font-weight:normal;  }.dc{ background-color: #CCCCCC; border: 1px solid #999999;}</style></head><body><div id=”w”>  <div class=”ac”>    <div class=”bc”>      <div class=”cc”>        <div class=”dc”>          <p>这是一张图片</p>        </div>      </div>    </div>  </div></div></body></html>

修改后的代码：

HTML代码

<!DOCTYPEhtml PUBLIC “-//W3C//DTD XHTML 1.1//EN””<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”><html"  rel="nofollow">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”><html</a> xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml&#8221"  rel="nofollow">http://www.w3.org/1999/xhtml&#8221</a>; ><head><style>img{display: block;}#w{ float:left;}.ac{ background:#bbbbbb; border:1px solid #dddddd; }.bc{ background:#777777; border:1px solid #999; padding:1px;margin:1px;}.cc { background:#ffffff; border:1px solid #555; padding:5px;}.dc{ background: #CCCCCC; border: 1px solid #999999;}</style></head><body><div id=”w”> <div class=”ac”> <div class=”bc”><div class=”cc”> <div class=”dc”> <ahref=”<a href="https://www.gaodaima.com/go.html?url=http://www.zishu.cn&#8221"  rel="nofollow">http://www.zishu.cn&#8221</a>; target=”_blank”><imgsrc=”/UploadPic/2007-4/200741142155602.gif” alt=”子鼠”border=”0″ /></a> </div> </div> </div></div></div></body></html>

欢迎大家阅读《阴影效果 css+DIV_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：阴影效果 CSS+DIV_css

Hi，您需要填写昵称和邮箱！