Bulma CSS Classes

« All Bulma CSS classes

Bulma CSS class .has-background-light

<div class="has-background-light has-text-white">.has-background-light</div>

Preview

Check .has-background-light in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More Bulma CSS classes in Colors category

.has-text-white
.has-text-black
.has-text-light
.has-text-dark
.has-text-primary
.has-text-link
.has-text-info
.has-text-success
.has-text-warning
.has-text-danger
.has-text-black-bis
.has-text-black-ter
.has-text-grey-darker
.has-text-grey-dark
.has-text-grey
.has-text-grey-light
.has-text-grey-lighter
.has-text-white-ter
.has-text-white-bis
.has-background-white
.has-background-black
.has-background-light
.has-background-dark
.has-background-primary
.has-background-link
.has-background-info
.has-background-success
.has-background-warning
.has-background-danger
.has-background-black-bis
.has-background-black-ter
.has-background-grey-darker
.has-background-grey-dark
.has-background-grey
.has-background-grey-light
.has-background-grey-lighter
.has-background-white-ter
.has-background-white-bis
.has-background-dark
.has-background-danger-dark
.has-background-danger-light
.has-background-info-dark
.has-background-info-light
.has-background-link-dark
.has-background-link-light
.has-background-primary-dark
.has-background-primary-light
.has-background-success-dark
.has-background-success-light
.has-background-warning-dark
.has-background-warning-light
.has-text-danger-dark
.has-text-danger-light
.has-text-info-dark
.has-text-info-light
.has-text-link-dark
.has-text-link-light
.has-text-primary-dark
.has-text-primary-light
.has-text-success-dark
.has-text-success-light
.has-text-warning-dark
.has-text-warning-light
.is-info
.is-inverted
.is-transparent
Shuffle Editor

An online editor for busy developers.

Shuffle Editor on Facebook Shuffle Editor on Twitter Shuffle Editor on Dribbble

Products

UI Components

Support

Company

© 2024 Shuffle. All rights reserved.