<div class="btn">ここをクリック</div>
.btn {
  width: 100px;
  background: skyblue;
  text-align : center;
  padding: 4px;
  color: white;
  font-size: 12px;
  cursor: pointer;
}

.btn:hover {
  opacity: 0.7;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.