61,124
社区成员
发帖
与我相关
我的任务
分享
...全文
请发表友善的回复…
发表回复
sjmlsxp 2008-05-30
- 打赏
- 举报
一个很好的方法叫做 “滑动门”
自己去研究下吧
自己去研究下吧
janly 2008-05-18
- 打赏
- 举报
楼上的方法不行
orienthorizon 2008-05-14
- 打赏
- 举报
把background:#b4913b 修改成 background:url("图片的路径")就好了
Jinn Guo 2008-05-14
- 打赏
- 举报
很简单！给你讲一讲思路吧：
最少存在着三个层，第一个层包含第二个层，第二个层包含第三个层。
第一个层重要是背景为绿，然后使用padding，设置里面内容与边的距离。
第二层同样背景包为绿，边框的样式为dotted，设置padding，
最后第三层背景为白色，边框为solid.
最后也给你写源代码了：
（其中的圆角矩形没有帮你实现，这个很简单，自己上网找一找就可以解决了。若果你想了解圆角边框，可到我的BLOG：http://blog.csdn.net/saiya_kwok）
<html>
<head>
<style>
#layer1{
background:#b4913b;
width:500px;
height:500px;
padding:6px;
}
#layer2{
background:#b4913b;
width:100%;
height:100%;
border:dotted 1px #fff;
padding:10px;
}
#layer3{
background:#fff;
width:100%;
height:100%;
border:solid 1px #000;
padding:6px;
}
</style>
</head>
<body>
<div id="layer1">
<div id="layer2">
<div id="layer3"></div>
</div>
</div>
</body>
</html>
最少存在着三个层，第一个层包含第二个层，第二个层包含第三个层。
第一个层重要是背景为绿，然后使用padding，设置里面内容与边的距离。
第二层同样背景包为绿，边框的样式为dotted，设置padding，
最后第三层背景为白色，边框为solid.
最后也给你写源代码了：
（其中的圆角矩形没有帮你实现，这个很简单，自己上网找一找就可以解决了。若果你想了解圆角边框，可到我的BLOG：http://blog.csdn.net/saiya_kwok）
<html>
<head>
<style>
#layer1{
background:#b4913b;
width:500px;
height:500px;
padding:6px;
}
#layer2{
background:#b4913b;
width:100%;
height:100%;
border:dotted 1px #fff;
padding:10px;
}
#layer3{
background:#fff;
width:100%;
height:100%;
border:solid 1px #000;
padding:6px;
}
</style>
</head>
<body>
<div id="layer1">
<div id="layer2">
<div id="layer3"></div>
</div>
</div>
</body>
</html>
janly 2008-05-14
- 打赏
- 举报
你的方法提好的,谢谢了,只是我要用图片做背景,这样可以多样化,怎么用图片做呢
