CSS-Page Text Customisation (Tutorial Contest)

rajat.payrajat.pay BeginnerLink Clerk
Change your font colour (this example will give grey text):
<style type="text/css">
body, table, td, p {
color: #666666;
}
</style>
For a different colour, swap #666666 for another hex colour, or a 'colour word' such as red, black, green etc. For a list of various hex colours and colour words check out my Colour Guide.

Change your font to a different 'style' (family):
<style type="text/css">
body, table, td, p {
font-family: Verdana, Tahoma, Arial, Sans-Serif;
}
</style>
By declaring multiple fonts as above, users that don't have the first font installed on their system will see the second font. Users who don't have the first and second font will see the third font and so on. Lastly we declare the generic font-family for users who don't have any of the specific fonts included on their system.

Common sans-serif fonts include: Verdana, Tahoma, Arial, Trebuchet MS and Lucida Sans MS.
Common serif fonts include: Times New Roman and Georgia.

Make all text bold:
<style type="text/css">
body, table, td, p {
font-weight: bold;
}
</style>

Make all text appear in lowercase letters:
<style type="text/css">
body, table, td, p {
text-transform: lowercase;
}
</style>
Sign In or Register to comment.