絵には、テキストおよび下部の3つのメニューボタンピッチ

ADOは、結果を見て：

1、オレンジ色の部分は、外部のdiv、3つのメニューボタンの緑色の部分です

2、3つのメニューボタンが等間隔されています

3、メニューボタンイメージやテキスト構図は、すべての中心に

次のようにキーコードが具現化されています。

CSSのファイル：

.div1 { 
    高さ：75px ; 
    幅：600PX。
} 
.ul1 { 
    リストスタイル：なし。
    表示：インラインブロック。
    幅：100％ ; 
    高さ：100％ ; 
    パディング：0PX。
    ボーダー：0PX。
    マージン：0PX。
    背景色：cadetblue。
} 
.ul1李 { 
    表示：インラインブロック。
    幅：33.33パーセント。
    高さ：100％ ; 
    背景色：チョコレート。
    テキスト整列：センター ;
} 
.div1のDIV {

    幅：100％ ;
} 
.div2 { 
    高さ：70％ 。
    背景：URL（managerA-icon.pngと）ノー・リピートセンター ;
} 
.div3 { 
    高さ：30％ 。
} 
.Div4 { 
    幅：重要80％！ ; 
    高さ：100％ ; 
    地色：＃85d277 ; 
    表示：インラインブロック ; / * DIVは、インラインブロックとなり、テキスト整列リチウム開始を行うことができる* / 
    カーソル：ポインタ ;
}

 

htmlファイル：

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>タイトル</ タイトル> 
    < リンクのrel = "スタイルシート" のhref = "divtest.css" > 
</ ヘッド> 
< 身体> 
< divのクラス= "DIV1" > 
    < ulのクラス= "UL1" > 
        <
            = "DIV4" > 
                < divのクラス= "DIV2" >

                </ DIV > 
                < DIV クラス= "DIV3" >
                    統合管理
                </ DIV > 
            </ DIV > 
        </ 李> <！ - 
        - > < 李> 
            < divのクラス= "DIV4" > 
                < divのクラス= "DIV2" >

                </ DIV > 
                < DIV クラス= "DIV3" >
                    統合管理
                </ DIV > 
            </ DIV > 
        </ 李> <！ - 
        - > < 李> 
            < divのクラス= "DIV4" > 
                < divのクラス= "DIV2" >

                </ DIV > 
                < DIV クラス= "DIV3" >
                    統合管理
                </ DIV > 
            </ DIV > 
        </ 李> 
    </ UL > 
</ DIV > 
</ ボディ> 
</ HTML >

すべての関連文書は、私は同じにフォルダの名前を見つけるために、ファイルのグループをグループファイルを分散します

-------------------------------------------------- -----------------------------------------------

QQグループ：871 934 478

すべての著作権は、送信元アドレスを記入してください                          

-------------------------------------------------- -----------------------------------------------