導航:首頁 > 萬維百科 > 網頁設計css代碼案例

網頁設計css代碼案例

發布時間:2021-01-22 20:29:44

1、div css網頁設計實例?

以發送至您的郵箱

2、求用dreamweaver css製作簡單網頁的代碼!!!!急用!符合要求有重謝!!!

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
.head { width:1000px; height:100px; margin:auto; overflow:hidden; border:1px solid #666; }
.banner { width:1000px; height:150px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; }
.main { width:1000px; height:300px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; }
.main .left { width:299px; height:300px; border-right:1px solid #666; float:left; }
.main .center { width:349px; height:300px; border-right:1px solid #666; float:left; }
.main .center .mt { height:100px; border-bottom:1px solid #666;}
.main .center .mb {}

.main .right { width:350px; height:300px; float:left; }
.footer { width:1000px; height:80px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px;}
</style>
</head>

<body>

<div class="head">
</div>

<div class="banner">
</div>

<div class="main">
<div class="left"></div>
<div class="center">
<div class="mt"></div>
<div class="mb"></div>
</div>
<div class="right"></div>
</div>

<div class="footer">
</div>

</body>
</html>

3、網頁設計,求html和css代碼,效果如圖

<title>DIV層切換</title>
<script language="JavaScript" type="text/javascript">
function ChangeDiv(divId,divName,zDivCount)
{
for(i=0;i<=zDivCount;i++)
{
document.getElementById(divName+i).style.display="none";
//將所有的層都隱藏
}
document.getElementById(divName+divId).style.display="block";
//顯示當前層
}
</script>
</head>
<body>
<span onclick="JavaScript:ChangeDiv('0','JKDiv_',2)" style="cursor:hand;">內容一</span>
<span onclick="JavaScript:ChangeDiv('1','JKDiv_',2)" style="cursor:hand;">內容二</span>
<span onclick="JavaScript:ChangeDiv('2','JKDiv_',2)" style="cursor:hand;">內容三</span>
<div id="JKDiv_0" style="font-size:14px;margin:20px;color:#FF0000;">內容部分第一區</div>
<div id="JKDiv_1" style="display:none;font-size:14px;margin:10px;color:#FF0000;">內容部分第二區</div>
<div id="JKDiv_2" style="display:none;font-size:14px;margin:10px;color:#FF0000;">內容部分第三區</div>
</body>

4、html+css+js小案例(項目源碼)

想讓別人提供代碼,還有這么多要求,真是搞笑的

5、網頁設計請教,這個結構的html和css代碼怎麼寫?如圖,本人新手,請寫出完整代碼,顏色隨意,謝謝!

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div class="main">
            <div class="a"></div>
            <div class="b">
                <div class="b1"></div>
                <div class="b2"></div>
            </div>
            <div class="c"></div>
        </div>
        <style>
            .main{
                width:900px;
                height:600px;
            }
            .a,.b,.c{
                float:left;
            }
            .a{
                width:300px;
                height:600px;
                background-color:yellow;
            }
            .b{
                width:300px;
                height:600px;
            }
            .b1{
                display:block;
                width:300px;
                height:300px;
                background-color:green;
            }
            .b2{
                width:300px;
                height:300px;
                background-color:black;
            }
            .c{
                width:300px;
                height:600px;
                background-color:red;
            }
        </style>
    </body>
</html>

與網頁設計css代碼案例相關的知識