html - 在 CSS 中复制 Angular Material 设计字体规范

Angular Material 设计规范表示，它使用 54% 的黑色作为表头。如何在 CSS 中设置它？

最佳答案

引用: https://material.angularjs.org/latest/#/demo/material.components.toolbar

Material Angular 官方文档的代码如下:

enter image description here

这里的54%指的是官方文档代码确认的文字的不透明度。您可以使用以下 CSS 来实现它:

.black-54 {
  color: rgba(0, 0, 0, 0.54);
  font-family: 'Roboto';
}

<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<div class="black-54">I am 54% Black</div>

关于html - 在 CSS 中复制 Angular Material 设计字体规范，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31445521/

相关文章：

javascript - 创建旋转的虚线边框