Scribd
Upload
2 views6 pages

HTML Table Styling With CSS PDF

Chapter 21 discusses techniques for centering tables in a browser using CSS properties, as well as managing cell padding and border spacing for better table aesthetics. It also covers how to set table borders and customize lists with various styles and background colors using hexadecimal codes. The chapter emphasizes the importance of CSS in enhancing the visual layout of web content.

Uploaded by

Suhaib Fahad Arcot
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views6 pages

HTML Table Styling With CSS PDF

Chapter 21 discusses techniques for centering tables in a browser using CSS properties, as well as managing cell padding and border spacing for better table aesthetics. It also covers how to set table borders and customize lists with various styles and background colors using hexadecimal codes. The chapter emphasizes the importance of CSS in enhancing the visual layout of web content.

Uploaded by

Suhaib Fahad Arcot
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

WEBSITE AUTHORING - CHAPTER 21

By Zaidaan &
Abdullah
DIGITAL ARCHITECTS BEHIND EVERY CLICK
To center align a table within a browser
window, you need to use two style properties
with the table tag.
These properties are margin-left set to auto
and margin-right set to auto, which centers the
table horizontally on the page.
In CSS, when more than one property is used
together, a semicolon separates each
property and its value from the next one.
Cell padding is the space between the cell contents and the cell
borders, which gives breathing room to the content inside each table cell.
The padding is applied to both table header and table data tags using the
style attribute, and it sets the top, right, bottom, and left padding for
individual cells.
Border spacing is the space between individual table cells, which creates
visible gaps between them rather than having them touch each other.
Table borders can be set using the
embedded CSS style attribute combined
with the border property and specific
values.
To set the outside border of a table, the
style attribute is added directly to the
table tag itself.
To create internal gridlines, you must set
the border property to solid with a
specific pixel width like 2px, and add this
style attribute to both the table header
and table data cell tags.
Both ordered and unordered lists can have style
attributes applied to them, which allows you to
customize their appearance beyond the default
formatting.
You can change the list marker style using the
list-style-type property with values like circle,
square, decimal for numbers, upper-roman for
Roman numerals, or lower-alpha for lowercase
letters.
Background colors are specified using
hexadecimal color codes, which are six-
character codes that represent specific colors
such as FF0000 for red or 0000FF for blue
Thank u

You might also like