Message 1058 of 2467

My box has 4 colorful sides

Using HTML/CSS to draw boxes around your posting or private messages:



Here is my text.




source code:

<div style="border-top: 20px solid red; border-bottom: 20px soild #fc0; border-left: 20px solid blue; border-right: 20px solid green;">
<blockquote>Here is my text. </blockquote>
</div>


Want to try this yourself?

hint: Save youself some typing and just cut & paste the 'red' text above into your private message or posting.

1] Replace 'Here is my text.' with your own. The box will expand to fit your message.
2] Change the colors to your preference
3] Experiment by making the borders smaller or larger. Current value is '20px' -- 20 pixels
4] <blockquote> is an HTML tag that indents a small amount on left and right margins. You don't absolutely need it.

For other color tips, be sure to check out FUNdamental HTML color coding, if you missed it earlier.

Michael...
mbotos's profile
Replies 1 - 10 of 14
Sorry, slight error is source code: use this instead...

source code:

<div style="border-top: 20px solid red; border-bottom: 20px solid #fc0; border-left: 20px solid blue; border-right: 20px solid green;">
<blockquote>Here is my text. </blockquote>
</div>


Michael...
mbotos's profile

over 2 years ago
I tried it and it worked but I need to change the bottom color line. Did you have to put the code or can you change to a color name?
pinkroses67's profile

over 2 years ago
You can use either the color code [with the '#'] or one of the more common color names.

The code is there to tinker and experiment with. Enjoy!

Michael....
mbotos's profile

over 2 years ago


And once again. . .Thank you Micheal! Love the funstuff!!!




Kar57's profile

over 2 years ago


Thank You for finding these FUN things for us! You are the MAN!










dekeholt's profile

over 2 years ago
That is so cool! thank you!!
kidagain's profile

over 2 years ago


Time for the sandbox!

dekeholt's profile

over 2 years ago


Here is my text.




Thanks so much for this
Classylind's profile

over 2 years ago


Thanks did it wrong the frist time hahaha silly me.




Classylind's profile

over 2 years ago


Really enjoy the fun things you show us. Thank you !




LadiRain's profile

over 2 years ago
Replies 1 - 10 of 14