CSS が NetEase の構築効果を実現する方法_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:41:18
オリジナル
1259 人が閲覧しました

CSS を使用して NetEase の構築効果を実現する方法:
推奨事項: コードをできるだけ手書きすることで、学習の効率と深さを効果的に向上させることができます。
多くのフォーラム タイプまたは返信機能の Web サイトには構築効果があります。つまり、そのような効果を経験したことのない友人は、NetEase にアクセスして人気の投稿を見つけることができます。その答えは明らかです。この関数の実装方法の紹介は次のとおりです:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">* {  margin:0px;  padding:0px;}#wrap{width:500px;}.box {  margin-bottom:12px;  overflow:hidden;  padding:3px;  background:#FFFFEE;  border:solid 1px #999;}</style></head><body><div id="wrap">  <div class="box">    <div class="box">      <div class="box">        <div class="box">          <div class="box">            <div class="box">              <div class="box">                <div class="box">                  <div class="box">我是楼主</div>                  我是二楼 </div>                我是三楼 </div>              我是四楼 </div>            我是五楼 </div>          我是六楼 </div>        我是七楼 </div>      我是八楼 </div>    我是酒楼 </div></div></body></html>
ログイン後にコピー

元のアドレスは次のとおりです: http://www.51texiao.cn/div_cssjiaocheng/2015/0501/512.html

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート