边框练习

<template>
  <div>

     Hello world！




  </div>

</template>

<script>

</script>

<style>

 div {
   font-family: Arial,sans-serif;
   color: #42B983;
   border-radius: 4px;
   border: 1px solid red;
   border-style: dashed;
   /*box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)*/
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
 }
</style>

图标 icon

<template>
  <div>

     <i class="el-icon-setting"></i>
     <i class="el-icon-loading"></i>
     <i class="el-icon-search"></i>

  </div>

</template>

<script>

</script>

<style>

</style>