Fancy HTML Paragraph Styling with jQuery

Screenshot of my jQuery Fancy Paragraphs code in JSFiddle 2013
jQuery Fancy Paragraphs demo in JSFiddle (2013)

I wrote this jQuery fiddle in about 5 minutes. It is really simple, but amazingly powerful at the same time. The purpose of this is to instantly style paragraph tags. Here are the style parameters:

Background color: Manila (light beige-ish/yellow)
Border color: Orange
Drop-shadow: Yes
Rounded-rectangle: Yes

I want to make the code easily available to everyone, so I’ve provided the jQuery here in case you want to quickly add this style to your project. Cheers.


/* Add manilla background, rounded-rect, orange border,
& shadow to paragraphs.
(Press F12 in your browser to see the results)

@Creator: Eric Hepperle (CodeSlayer2010)
@Date: 07/13/13
@Version: 1.0

@Purpose: Puts a fancy style on paragraph tags to make them ‘pop’.


‘border’: ‘solid #FFB819 3px’,
‘box-shadow’: ’10px 10px 5px #888888′,

Date Published: 2013-07-13
Date Updated: 2022-09-09

Eric Hepperle

Eric loves to write code, play guitar, and help businesses solve challenges with code and design.
Notify of

Inline Feedbacks
View all comments
Would love your thoughts, please comment.x