1、首先新建一个html文件，命名为testhtml，在testhtml文件内，在div内，使用img标签创建一张，使用p标签创建两个文字。
2、然后在testhtml文件内，设置div的class属性为mydiv。
3、接着在css标签内，通过class设置div的样式，定义它的宽度为280px，高度为200px，位置属性为相对定位(relative)。
4、在css标签内，再定义p标签的样式，设置它的位置属性为绝对定位(absolute)，同时，使用bottom属性设置距离底部为0px，使用right属性设置距离右边为0px。
5、最后在浏览器打开testhtml文件，查看实现的效果。
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
wrap{
width:100px;
height:100px;
}
wrap>img{
width:100%;
height:100%;}
</style>
</head>
<body>
<div class="wrap"><img src="1jpg" alt=""></div>
</body>
</html>
由于html代码中，id是不允许重复的，所以，我把id，修改成了class
<div class="infoline"><div class="info">
<a href="#">
<img class="marginImg" src="aaajpg" /></a>
<span style="padding-top: 5">
</span>
</div>
<div class="info">
<a href="#">
<img class="marginImg" src="bbbjpg" /></a>
<span style="padding-top: 5">
</span>
</div>
<div class="info">
<a href="#">
<img class="marginImg" src="cccjpg" /></a>
<span style="padding-top: 5">
</span>
</div>
</div> <script src="Scripts/jquery-182js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var arrayImgs = [];
$("divinfo imgmarginImg")each(function () {
alert($(this)attr("src"));
arrayImgspush($(this)attr("src"));
});
});
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）