ShapeYourPath
(current)
Run Code
Live Code Editor-Materialize CSS Background Colors
Source Code
<!DOCTYPE html> <html lang="en"> <head> <title>Materialize CSS Text Background Colors</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 Text Background Color</h1> <p class="center-align"> To assign a background color, simply assign the color name to the HTML element base class. </p> <div class="container"> <div class="card-panel blue"> <div class="center-align white-text">Background Color</div> </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