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.

-CodeSlayer2010


/* 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’.
*/

console.clear()

$(‘p’).css({
‘border’: ‘solid #FFB819 3px’,
‘border-radius’:’15px’,
‘box-shadow’: ’10px 10px 5px #888888′,
‘background-color’:’#FFFBCC’,
‘padding’:’15px’
});

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.
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x