ホームページ > ウェブフロントエンド > htmlチュートリアル > シンプルな div+css レイアウト 2_html/css_WEB-ITnose

シンプルな div+css レイアウト 2_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:32:00
オリジナル
1089 人が閲覧しました

 

续简单的div+css的布局之一

 

left-top.gif                    right-top.gif

 

right.gif                          left-bottom.gif

 

 

right-bottom.gif

 

p3

实例 3 代码:

 

 

 

     

      

      

Page Content

   

          

               这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中

           

           

           

           

      

           

      

      

Page Content1

   

          

               这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中

           

           

           

           

      

   

   

         

 

         

             

                    

                    

Page Side

                 

          

               这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中

           

           

           

           

                    

                    

Page Side3

                 

          

               这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中

           

           

           

           

           

           

           

      

      

Page Side2

   

          

               这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中

           

           

           

           

           

      

 

 

        

p4

实例 4 代码:

 


固定宽度  相对定位

 



 
 

  

 

 

Page Content


   

     


         这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中
           


           

           
           

 

 

 

Page Contentb


   

     


         这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中
           


           

           
           

 

   
   
           

 

 

Page Content1


   

     


         这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中
           


           

           
           

 

   
   
         
 
  

   

   

Page Side


      

     


         这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中
           


           

           
           

           
           

 

 

Page Side2


   

     


         这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中
           


           

           
           

           
 

 

 

Page Side3


   

     


         这是一行文本,这里作为样例,显示在布局框中

            这是一行文本,这里作为样例,显示在布局框中
           


           

           
           

           
 

   

 

 

        

p5

实例 5 代码:



无标题文档


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