CSS Tutorial for Beginners Part 17 - CSS Table | Learn Web Technologies
Previous Video : CSS Lists
• CSS Tutorial for Beginners Part 16 - CSS L...
CSS Playlist
• CSS Tutorial for Beginners
HTML Playlist
• Html tutorial for beginners
Sign up for my newsletter to receive weekly updates
http://bit.ly/2RRFktj
Join our facebook page
bit.ly/2OKQYV7
CSS Table
The Look of the HTML table can be improved with CSS
CSS Borders
To specify the borders in CSS, use the border property
Example:- table, th, td {border: 1px solid black;}
Collapse table borders
The border-collapse property sets whether the table borders should be collapsed into a single border
Example:- table {border-collapse: collapse;}
Note: if you want a border around the table, only specify the border property for table
Table height and width
Width and height of a table are defined by the height and width properties.
Horizontal Alignment
The text-align property sets the horizontal alignment(like left, right, center) of the content in TH or TD.
Note : by default th elements are center aligned and td elements are left align
Vertical Alignment
The vertical-align property sets the vertical alignment(like top, bottom, middle) of the content in th or td.
Note: by default th and td elements are middle align.
Table padding
To control the space between the borders and the content in a table, use padding property on td and th elements
Horizontal dividers, Hoverable table, Striped table(nth-child), table color(th), Responsive table(overflow-x: auto)
----------------------------------------------------------------------------------------------------------------
#LearnWebTechnologies #CSS #CSSTutorialForBeginners