00019.【CSS】演示border简单的配置


<template>
  <div class="box">
    <h2>Borders</h2>
    <p>Try changing the borders.</p>
  </div>
</template>

<script setup>

</script>

<style scoped>
.box {
  background-color: #567895;
  border: 5px solid #0b385f;
  border-bottom-style: dashed;
  color: #ffffff;
}

.box {
  /*border-radius: 10px;*/
  border-top-right-radius: 1em 10%;
}

h2 {
  border-top: 2px dotted rebeccapurple;
  border-bottom: 1em double rgb(24, 163, 78);
}
</style>