CodePen Embed - CSSで下線−2

<div>
  <p class="under-dot">テキストに点線で下線</p></div>
<div>
  <p class="under-dot-pink">テキストに点線で下線</p>
</div>

p{display:inline;}

/* cssで下線-2 */
.under-dot {
  border-bottom: 1px dotted #555;
}

.under-dot-pink {
  border-bottom: 1px dotted #ff1481;
}

This Pen is owned by emi. on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.