Applying Background Effects Part-1

Background color for scroll bar

• Copy the code from below .
• You can change the "width","height",and "color" according to your use.
• Edit text in the below code and fill with your text or code.

<!-- Codes by sandeep @ knocksuperbuzz-->
<div style="width:300px;height:150px;line-height:3em;overflow:scroll;padding:5px;background-color:#FCFADD;">
Use the CSS 'background-color' property to change the background color of your HTML scrollboxes. </div>

Use the CSS 'background-color' property to change the background color of your HTML scrollboxes.

Background color for table row

• You can change the  "color" according to your use.
• Edit text in the below code and fill with your text or code.

<!-- Codes by sandeep@knocksuperbuzz -->
<table style="background-color:#E1F3FF;">
<tr style="background-color:#6C8ABD;color:#ffffff;">
<th>KSB Header</th><th>KSB Header</th>
</tr>
<tr>
<td>KSB cell 1</td><td>KSB cell 2</td>
</tr>
<tr>
<td>KSB cell 3</td><td>KSB cell 4</td>
</tr>
</table>

Table Header	KSB Header
KSB cell 1	KSB cell 2
KSB cell 3	KSB cell 4

Background color for table cell

• You can change the  "color" according to your use.
• Edit text in the below code and fill with your text or code.

<!-- Codes by sandeep@knocksuperbuzz -->
<table style="background-color:#E1F3FF;">
<tr style="background-color:#6C8ABD;color:#ffffff;">
<th>KSB Header</th><th>KSB Header</th>
</tr>
<tr>
<td>KSB cell 1</td><td>KSB cell 2</td>
</tr>
<tr>
<td>KSB cell 3</td><td style="background-color:#ff0000;">KSB cell 4</td>
</tr>
</table>

KSB Header	KSB Header
KSB cell 1	KSB cell 2
KSB cell 3	KSB cell 4

Background color for text

• You can change the "color" according to your use.
•  Edit text in the below code and fill with your text or code.

<!-- Codes by sandeep@knocksuperbuzz -->
<p style="background-color:#ff0000;">KSB@Sample text</p>

KSB@Sample text

  Thanks for using knocksuperbuzz.blogspot.com if you like this post comment and subscribe.