发表于: 2020-05-25 21:35:05
1 1354
今天完成的事情:
学习了一些新的样式
左对齐:
<div class="row justify-content-start">
左右居中:
<div class="row justify-content-center">
右对齐:
<div class="row justify-content-end">
中间相同间隔两端对齐:
<div class="row justify-content-around">
两端对齐:
<div class="row justify-content-between">
列嵌套:
col元素内可嵌套多个row
元素和一系列 col元素
<div class="row">
<div class="col-sm-9">
<div class="row">
<div class="col-8 col-sm-6">
</div>
<div class="col-4 col-sm-6">
</div>
</div>
</div>
</div>
边框阴影:
语法:box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow:水平阴影的位置。允许负值。正值右,负值左
v-shadow:垂直阴影的位置。允许负值。正值下,负值上
blur:模糊距离(只能为正值)。
spread:阴影的尺寸。
color:阴影的颜色。
inset:将外部阴影 (outset) 改为内部阴影
明天计划的事情:
熟悉更多样式
收获:
熟悉了边框阴影
列嵌套和栅格对齐样式
评论