Tute 4 : Create Dynamic Website Using Php, Mysql, Html and Css : Write Css Code

Now we some decorate our home page (index.php). So we write some code in css file.

Now Open our style.css file in notepad++ software and write this code after body{} tag.

Css code in style.css file

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

#mbody{
    height:auto;
    width:1000px;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;

}

h3, h3 a, h3 a:hover, h3 a:visited{
    font-size:16px;
    padding:0;
    margin:0;
    text-decoration:none;
    color:#000000;
}

#head-con{
    height:100px;
    background-color:#CCCCCC;
    padding:20px;
}

#head-con h1{
    font-size:35px;
    color:#000000;
    padding:0px;
    margin:30px 20px
}

#menu-con{
    height:auto;
    margin:10px 0px;
    padding:3px 0px;
    background:#000000;
}

#menu-con ul{
    list-style-type:none;
    padding:0;
    margin:0;
}

#menu-con ul li{
    padding:15px;
    margin:0px;
    color:#FFFFFF;
    display:inline;
}

#menu-con ul li a, a:hover, a:visited{
    color:#FFFFFF;
    text-decoration:none;
}

#body-con{
    height:auto;
    width:auto;
    position:relative;
    overflow:hidden;
    margin:0px 20px;
}

#body-con-l{
    float:left;
    width:600px;
    padding:20px;
}

#body-con-r{
float:left;
width:240px;
margin-left:20px;
padding:20px;
border-left:1px solid #000000;
}

#bottom{
    height:auto;
    width:auto;
    margin-top:20px;
    padding:20px;
    background-color:#CCCCCC;
    text-align:center;
}

#bottom h3{
    color:#000000;
    text-align:center;
    font-size:20px;
}