本篇主要是对平时用得比较少的样式做个归纳,以备需要时候进行查询
1、box-shadow //设置阴影
代码:
<style>
.container{
width:200px;
height:200px;
background-color: yellow;
box-shadow: 0 0 10px red inset;//inset表示阴影在box的内部
}
</style>
</head>
<body>
<div class="container"></div>
</body>
效果:
二、文字竖向排版
关键样式: writing-mode:vertical-rl;
<style>
h1{
writing-mode:vertical-rl;
}
</style>
...
<body>
<h1>明天又没上班了,真爽</h1>
</body>
效果: