Unlock the Power of Open Source! The " Linux New " SWAYAM Plus Course is live now and about 2,500 learners have already registered for it.

If you are a registered learner, the forum page is now active. Visit the page and get all your questions answered.

Advanced Table Design in CSS - English

This is a sample video. To access the full content,
please Login

2132 visits

  1. Report Missing Component
  2. Post your Question on the Forum
Outline:
Advanced Table Design in CSS

• About table design
• About different ways to design tables
• Set horizontal border divider for the table
• Set background to a particular color on hovering mouse
• Set an image as a background for the table
• Set zebra stripe design for the table
• Decorate table column-wise
• Set background color for the column of table
• Set layout property for the table
• Create responsive table
Width:928 Height:696
Duration:00:12:34 Size:10.6 MB

Show video info

Pre-requisite

Table in CSS

  Assignment

Code files

  • Advanced-Table-Design-Code-Files/
  • Advanced-Table-Design-Code-Files/design.png
  • Advanced-Table-Design-Code-Files/Mypage.html
  • Advanced-Table-Design-Code-Files/mystyle.css
  • Advanced-Table-Design-Code-Files/purplesquare.png
  • Advanced-Table-Design-Code-Files/table.html
  • Advanced-Table-Design-Code-Files/tablestyle.css
  • Advanced-Table-Design-Code-Files/tomato.png
  • Advanced-Table-Design-Code-Files/veg.png

Script

Slides

  • Advanced-Table-Design-Slide/
  • Advanced-Table-Design-Slide/Advanced-Table-Design.pdf
  • Advanced-Table-Design-Slide/Advanced-Table-Design.tex
  • Advanced-Table-Design-Slide/spoken.png