码迷,mamicode.com
首页 > Web开发 > 详细

css5-盒子模型

时间:2019-11-30 19:10:53      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:head   水平   img   type   height   color   盒子模型   tle   charset   

HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="盒子阴影.css">
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

<h1>稳住我们能赢!</h1>
<div></div>

</body>
</html>
css
h1{
font-size: 300px;
text-shadow:10px 3px 3px rgba(0 0 0 1);
/*水平距离 垂直距离 模糊 阴影颜色 */
}
div{
width: 200px;
height: 200px;
border: 10px solid red;
box-shadow: 5px 5px 3px 4px rgba(0 ,0, 0, .4);
}

/*外阴影省略 内阴影写上inset*/

技术图片

 

 






css5-盒子模型

标签:head   水平   img   type   height   color   盒子模型   tle   charset   

原文地址:https://www.cnblogs.com/soyadios/p/11963376.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!