用html和css实现仿淘宝首页好嘛？

html-css08

用html和css实现仿淘宝首页好嘛？,第1张

可以仿它的页面，即使模仿出来，也只是熟悉HTML和css的使用。做出来的也只是一个静态页面，不具备交互功能，更没有淘宝的数据。不过可以通过仿页面提升自己HTML，css的熟练度，和学习网页布局。

1、首先是计算一行的价格。这个功能在上篇博客里有提到，这里就不列举出来了。

2、遍历选中的几行，将每行的数值相加。

3、将值赋给总金额显示出来。当取消勾选或加减数量时，金额会相应改变。

单独的css是无法完成导航条的，需要结合html，一般导航条的制作都是通过一个div包裹着ul，使用li来排列完成导航条的html部分，css中，我们需要给这个div宽高，还需要设置好li的宽，高，还有一个float属性，这样基本上导航条就制作完成，请看代码：

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

}

#div1 ul li{

list-style:none

width:50px //具体的高宽需要根据实际要求

height:30px

}

</head>

<body>

<div id='div1'>

<ul>

<li><a href=''>目录1</a></li>

<li><a href=''>目录2</a></li>

<li><a href=''>目录3</a></li>

<li><a href=''>目录4</a></li>

</ul>

</div>

</body>

</html>