<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>