第一种方法:使用背景图像,但嵌套层太多
第二种方法:使用图片float
第三种方法:使用绝对定位
以下是蜃楼寻梦大哥提供的代码:
<style>
#main {
background-color: #852B80;
position:relative;
}
#main #up_left {
position: absolute;
left:0px;
top:0px;
}
#main #up_right {
position: absolute;
right:0px!important;
right:-1px;
top:0px;
}
#main #down_left {
position: absolute;
left:0px;
bottom:-1px;
}
#main #down_right {
position: absolute;
right:0px!important;
right:-1px;
bottom:0px;
}
</style>
</head>
<body>
<div id="main">
<img id="up_left" src="img/tl.gif" />
<img id="up_right" src="img/tr.gif" />
<img id="down_left" src="img/bl.gif" />
<img id="down_right" src="img/br.gif" />
<p>打到腐败的共产党</p>
<p> </p>
<p>打到腐败的共产党</p>
</div>
<style>
#main {
background-color: #852B80;
}
#main #up {
height: 17px;
}
#main #down {
height: 17px;
}
</style>
<div id="main">
<div id="up">
<img src="img/tl.gif" style="float:left;" />
<img style="float:right" src="img/tr.gif" />
</div>
<div id="center">打到腐败的共产党</div>
<div id="down">
<img src="img/bl.gif" style="float:left" />
<img src="img/br.gif" style="float:right" />
</div>
</div>
圆角制作的三种不同的方法
需积分: 9 39 浏览量
2008-06-23
11:19:58
上传
评论
收藏 6KB RAR 举报
mike_24
- 粉丝: 25
- 资源: 31
最新资源
- 清明节班会课课件重置版更新
- mqtt客户端,适合初学者参考,使用的是mqttnet三方包
- 戴尔 latitude 5400 chromebook
- 基于单片机数显照度计的设计
- 全文检索使用国产达梦数据库实现全文检索的详细说明和实践探索
- SRS-CentOS7-x86-64-5.0-r1.zip
- 全文检索使用ElasticSearch实现全文检索的详细说明和实践探索
- Python《基于TensorFlow的人脸识别(面部表情识别)卷积神经网络 》+源代码+文档说明
- Python《利用bert预训练的中文模型进行文本分类 数据集中文情感分析语料》+源代码+文档说明
- Keil MDK主题美化和代码美化
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈