<!DOCTYPE?html><html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<title>Document</title>
????<style>
????????*?{????????????
????????????margin:?0;????????????
????????????padding:?0;
????????}????????
????????.bg1?{????????????
????????????height:?50px;???????????
????????????background-image:?-webkit-gradient(linear,?50%?0,?0?100%,?from(transparent),?color-stop(.5,?transparent),?color-stop(.5,?#f5f5f5),?to(#f5f5f5)),?-webkit-gradient(linear,?50%?0,?100%?100%,?from(transparent),?color-stop(.5,?transparent),?color-stop(.5,?#f5f5f5),?to(#f5f5f5));????????????
????????????background-size:?7px?5px;????????????
????????????background-repeat:?repeat-x;????????????
????????????background-position:?0?100%;
????????}????????
????????.bg2?{????????????
????????????????height:?50px;?
????????????background-image:?-webkit-gradient(linear,?50%?0,?0?100%,?from(#f5f5f5),?color-stop(.5,?#f5f5f5),?color-stop(.5,?transparent),?to(transparent)),?-webkit-gradient(linear,?50%?0,?0?100%,?from(#f5f5f5),?color-stop(.5,?#f5f5f5),?color-stop(.5,?transparent),?to(transparent));????????????
????????????background-size:?7px?5px;????????????
????????????background-repeat:?repeat-x;????????????
????????????background-position:?0?0;
????????}????????
????????.gray?{????????????
????????????height:?24px;????????????
????????????background:?#f5f5f5;
????????}????
????????</style>
??????</head>
???<body>
????<div?class="bg1"></div>
????<div?class="gray"></div>
????<div?class="bg2"></div>
???</body>
</html>bg2的上的鋸齒如何變得完整，它只有半個，如何像bg1那樣完整，但是他是在上邊，bg1是在下邊，麻煩大家?guī)臀铱匆幌率悄睦锍鲥e了，謝謝
添加回答
舉報
0/150
提交
取消