首页 > 编程知识 正文

html基础框架,网页框架布局

时间:2023-05-06 10:35:49 阅读:166195 作者:3124

筱白迩

} body { background-image : URL (1. jpg );

}

/*导航栏位于wzddp/.nav{width:1366px; height:35px; background-color:black; 定位:关系;

}.nav li{width:60px;

/*border: 1px solid #fff; */color:#fff;

/*padding-left: 20px; */line-height:35px; 浮动:左; 边距-左:100 px; 文本照明3360中心;

}.nav Li : hover { background-color : # 1e 53e b; cursor:pointer;

}

/*导航栏部分接合htdch/

/*banner部分开wzddp/.banner{width:820px; height:375px; ackground-image3360URL(2.jpg ); 边距-左:100 px; 边距-顶部:10 px; box-shadow :2 px2px2px2px rgba (0,0,0.8 );

}.bannerp { padding :290 px 180 px; font-size:30px; 字体权重:正规; 颜色: # 000; transition:1s

}.bannerp : hover { transform : scale (1.5 ); color:#fff;

}

/*banner部分接合htdch/

/*右栏部分为wzddp/.right{width:250px; height:450px; border:1px solid #000; 定位:助手; left:960px; top:45px; box-shadow :1 px1px1px1px rgba (0,0,0.6 );

}.right ul li{height:44px; border-bottom:1px solid #ccc; line-height:44px;

}.right ulli 3360 hover { color : # fff; background-color:#1e53eb; cursor:pointer;

}.rightullip { font-size :12 px;

}.right.choice { background-color : #1e 53e b; color:#fff;

}

/*右栏部分显示htdch/

/*主机部分开wzddp/.body{width:820px; height:500px;

/*border: 1px solid yellow; * /边距-左边缘:100 px; 边距-顶部:30 px;

}.body ul li{width:265px; height:220px;

/*background-color: blue; */float :左; 边距-左:8 px; 边距-顶级:3 px;

}.bodyullip { font-weight : normal; font-size:12px; 边距-顶部:10 px; width:270px;

}.body .rect{width:95px; height:20px; border:1px solid #c3c5cc; border-radius:3px; 边距-顶级:5 px;

}.body.rectp { font-weight : normal; font-size:3px; 边距-顶级:3 px;

}

/*主体部分接合htd ch/footerp { position : absolute; bottom:-280px; left:100px; font-size:12px;

}

魏蜀国吴国晋国

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。