发表于: 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) 改为内部阴影


明天计划的事情:

熟悉更多样式

收获:

熟悉了边框阴影

列嵌套和栅格对齐样式


返回列表 返回列表
评论

    分享到