0
点赞
收藏
分享

微信扫一扫

56.0/DIV+CSS 布局(详细版)

江南北 2023-12-30 阅读 30
css前端

目录

56.1 本章简介

56.2 实例讲解

56.2.1 菜单制作

56.2.2 美化滚动条

56.2.3 DIV+CSS 布局

56.3 综合示例

56.3.1 总体分析

56.3.2 Header 层

56.3.3 最终代码


56.1 本章简介

本章通过几个实例讲解 DIV+CSS 的应用。

56.2 实例讲解

56.2.1 菜单制作

制作如下图所示的菜单:

<html>
<head>
<title>菜单设计</title>
<style type="text/css">
body{ font-size: 14px; }
a { color: #C05050; text-decoration: none; }
a:hover { text-decoration: underline }
.menu{
width:400px; height:24; border:1px solid 
#808080;background:#FFF0F0;color:#C05050;
}
.menu ul { list-style-type: none; padding: 0px; margin: 0px; }
.menu ul li { float:right; margin: 5px; }
</style> 
</head>
<body>
<div class="menu" >
<ul>
<li><a href="#">食品</a></li>
<li>|</li>
<li><a href="#">健康休闲</a></

举报

相关推荐

0 条评论