水平分隔線 hr - daniel-qa/Vue GitHub Wiki

<template>
  <div>
    <div class="section-1">
      <!-- 第一個區塊內容 -->
    </div>
    
    <!-- 水平分隔線 -->
    <hr class="divider">
    
    <div class="section-2">
      <!-- 第二個區塊內容 -->
    </div>
  </div>
</template>

<style scoped>
/* 水平分隔線*/
.divider {
	width: 97%;
	margin: 0 auto; /* 水平置中 */
	border: none;
	border-top: 1px solid #ddd;
}
</style>