ShapeYourPath
(current)
Run Code
Live Code Editor-Materialize CSS Text Color
Source Code
<!DOCTYPE html> <html lang="en"> <head> <title>Materialize CSS Text Color Example</title> <meta name="viewport" content="width = device-width, initial-scale = 1" /> <meta name="robots" content="noindex,nofollow"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <!-- Compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" /> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <!-- Compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <style type="text/css"> p {font-size: 18px;} h2{font-size: 28px;} </style> </head> <body> <h1 class="center-align">Materialize CSS Colors</h1> <p class="center-align">To provide text color, simply assign .{colorName}-text class to the HTML element.</p> <div class="container"> <div class="card-panel"> <span class="blue-text">This is a card panel with blue color text</span> </div> </div> </body> </html>
Output :
Running
MATERIALIZE-TUTORIAL
MATERIALIZE-CSS-COLORS OTHER EXAMPLES
Materialize CSS Text Color Example
Materialize CSS Text Light Color Example
Materialize CSS Text Dark Color Example
Materialize CSS Background Colors Example
Materialize CSS Light Background Color Example
Materialize CSS Dark Background Color Example