css边框_内边距_外边距案例

Original 2019-02-16 16:18:16 264
abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .one{border: 10px
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.one{border: 10px solid #ccc; width: 200px;height: 200px;background: red;border-radius:20px;}
.two{margin:25px auto;box-shadow: 0px 10px 30px yellow;overflow: hidden;background: blue;width: 150px;height: 150px;text-align: center;}
img{width: 100px;height: 100px;padding-top:25px;}
</style>
</head>
<body>

<div>
<div>
<img src="http://pic27.nipic.com/20130225/4746571_081826094000_2.jpg">
</div>

</div>
</body>
</html>

上面代码显示如下:

QQ截图20190216161438.png


Correcting teacher:韦小宝Correction time:2019-02-16 16:41:08
Teacher's summary:写的很不错 使用边框可以做出一个相册出来 一个精美的相册使用边框做起来还是蛮简单的 没事可以尝试一下哦

Release Notes

Popular Entries