1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > CSS实现自适应的图片背景边框代码

CSS实现自适应的图片背景边框代码

时间:2019-04-01 12:49:32

相关推荐

CSS实现自适应的图片背景边框代码

代码简介:

CSS漂亮的图片边框,边框是用背景图片修饰的,不过可以自适应大小,这点挺实用的,不论你的图片有多大,它始终显示在图片的外围,不会错位,这当然还要归功于CSS的功劳。

代码内容:

View Code <html>

<head>

<title>CSS实现自适应的图片背景边框代码_网页代码站()</title>

<styletype="text/css">

body{

text-align:center;

margin-top:100px;

}

.in{

border:1pxsolid#666;

padding:4px;

}

.out{

float:left;

background:url("/images/0930/tr.gif")no-repeatrighttop;

}

.mir{

background:url("/images/0930/rb.gif")no-repeatrightbottom;

padding:10px;

padding-bottom:0;

padding-left:0;

}

.mil{

background:url("/images/0930/l.gif")no-repeatlefttop;

}

</style>

</head>

<body>

<divclass='out'>

<divclass='mil'>

<divclass='mir'>

<divclass='in'>

<imgsrc='/images/0930/1.jpg'/>

</div>

</div>

</div>

</div>

<divclass='out'>

<divclass='mil'>

<divclass='mir'>

<divclass='in'>

<imgsrc='/images/0930/11.jpg'/>

</div>

</div>

</div>

</div>

</body>

</html>

<br/>

<p><ahref="">网页代码站</a>-最专业的网页代码下载网站-致力为中国站长提供有质量的网页代码!</p>

代码来自:/webcode/85af318f-1215-4549-b980-48587d04b862.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。