BeginnersBook.in

Programming For Geeks

  • Home
  • All Tutorials
    • Learn C
    • Learn Python
  • Programs
    • Java Programs
    • C++ Programs
    • C Programs
  • Algorithms
    • Sorting
  • MCQ’s
    • MySQL
    • Operating System
  • WordPress
    • Genesis Pro Themes
    • Blogs
  • Tools
    • Direct Download Link Generator
    • HTML Compiler
  • How to
    • Web Examples
  • Write For Us

How To Create Notes With CSS

May 25, 2018 By Mr. Robot

Learn How to Create Notes with CSS


CSS Notes

Notes can be used to notify the user about something special: default/simple, danger, success, information or warning.

Simple! Some text…
Danger! Some text…
Success! Some text…
Info! Some text…
Warning! Some text…

Create CSS Notes

Step 1) Add HTML


Step 2) Add CSS


Complete Code

Try it Yourself! ยป

Filed Under: CSS, HTML

Related Posts

  • How to Create Alert Buttons with CSS
  • How to Zoom on Hover With CSS
  • How to Create Different CSS3 Loading bars

Recent Posts

  • Download Grand Theft Auto: Vice City Audio File | Highly Compressed
  • Grand Theft Auto: Vice City Game Download For PC | Full Setup
  • SQL SHOW DATABASES Statement
  • Direct view storage Tube (DVST) in Computer Graphics
  • CRT Color Monitor in Computer Graphics

How to – Web Examples

  • Copy Text to Clipboard
  • Load text to Textarea
  • Save Textarea code
  • Validation Examples
  • Typing Effect
  • Toggle Password - JS
  • Toggle Password - jQuery
  • Alert Box
  • Clear Input Field
  • Create Digital Clock
  • CSS Notes
  • Hover over text
  • Create Countdown Timer
  • Alert buttons
  • CSS3 Loading Bars

Copyright © 2019 - BeginnersBook.in - All Right Reserved || Sitemap