侧边栏导航样式应用.pptVIP

* 电子商务网页设计与制作 Design?and?Creation?of?E-commerce?Web Pages 侧边栏导航样式应用 T H I S I S 导入：基础任务分析 侧边栏导航的创建 侧边栏导航的样式应用 Content 导 入-基础任务分析 本次任务是以商品展示页面为基础来完成侧边栏导航。通过任务实施来进一步掌握网页元素内容结构和表现的分离以及定位布局的应用。 侧边栏导航的创建 电商网站的侧边栏往往放在网页首焦图的一侧，这里在不替换banner图的情况下，考虑用绝对定位来压在banner图片上。继续考虑采用无序列表来创建导航项。 侧边栏导航的样式应用 1.考虑给整个侧边栏导航创建一个背景，由于绝对定位后该元素为块级，也能定义其框的样式，继续在.listnav{}中添加“background-color:rgba(20,173,171,.5);border-radius: 0px 35px 0px 35px;”，这里考虑测试背景带不透明度，边框在右上角和左下角为圆角边框。 2.考虑给导航栏中各导航项作超链接样式的美化设置，将各超链接转换为块元素，设置高度和边距等，另外考虑鼠标移到导航栏各栏目上的效果。 电子商务网页设计与制作 Design?and?Creation of?E-comme