My box has 4 colorful sides
Using HTML/CSS to draw boxes around your posting or private messages:
source code:
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...
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...
posted
by mbotos





