感谢 海绵 大佬的技术指导！

<!-------------例子1---------------->
<button type="button" class="btn btn-dark" style="background-color: #000; opacity: 0.6;"><a href="AAA" class="text-light" target="_blank">Dark</a></button>
<button type="button" class="btn btn-danger" style="background-color: red; opacity: 0.5;">Danger</button>
<button type="button" class="btn btn-Success" style="background-color: green; opacity: 0.5;"><font class="text-light">Success</font ></button>
<button type="button" class="btn btn-primary" style="background-color: primary; opacity: 0.5;">Primary</button>
<button type="button" class="btn btn-info" style="opacity: 0.5;">Info</button>
<button type="button" class="btn btn-warning" style="opacity: 0.5;"><a href="AAA" class="text-dark" target="_blank">Warning</a></button>
<button type="button" class="btn btn-light" style="opacity: 0.7;">Light</button>
	
<button type="button" class="btn btn-light" style="background-color: #C107FF; opacity: 0.6;"><a href="AAA" class="text-light" target="_blank">#C107FF</a></button>
<!-------------例子1---------------->
	
<!-------------例子2---------------->
<div class="alert alert-success alert-dismissible fade show" role="alert" style="opacity: 0.5;">
  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<!-------------例子2---------------->