امثلة عن CSS Tables الجداول
-
2021-03-27
- | daafoor
- | مشاهدات: 484
مثال عن جدول مخطط:
Striped Table
For zebra-striped tables, use the nth-child() selector and add a background-color to all even (or odd) table rows:
First Name
Last Name
Points
Peter
Griffin
$100
Lois
Griffin
$150
Joe
Swanson
$300
Cleveland
Brown
$250
مثال عن جدول يتغير نمطه عند وضع مؤشر الماوس عليه:
Hoverable Table
Move the mouse over the table rows to see the effect.
First Name
Last Name
Points
Peter
Griffin
$100
Lois
Griffin
$150
Joe
Swanson
$300
Cleveland
Brown
$250
مثال عن جدول متجاوب:
Responsive Table
A responsive table will display a horizontal scroll bar if the screen is too
small to display the full content. Resize the browser window to see the effect:
To create a responsive table, add a container element (like div) with overflow-x:auto around the table element:
First Name
Last Name
Points
Points
Points
Points
Points
Points
Points
Points
Points
Points
Jill
Smith
50
50
50
50
50
50
50
50
50
50
Eve
Jackson
94
94
94
94
94
94
94
94
94
94
Adam
Johnson
67
67
67
67
67
67
67
67
67
67
مثال عن جدول بورصة:
Company
Contact
Country
Alfreds Futterkiste
Maria Anders
Germany
Berglunds snabbköp
Christina Berglund
Sweden
Centro comercial Moctezuma
Francisco Chang
Mexico
Ernst Handel
Roland Mendel
Austria
Island Trading
Helen Bennett
UK
Königlich Essen
Philip Cramer
Germany
Laughing Bacchus Winecellars
Yoshi Tannamuri
Canada
Magazzini Alimentari Riuniti
Giovanni Rovelli
Italy
North/South
Simon Crowther
UK
Paris spécialités
Marie Bertrand
France
هذه المادة الدراسية هي ضمن مكتبة
مكتبة امثلة اكواد CSS
التعليقات
لا يوجد تعليقات
لاضافة سؤال او تعليق على المشاركة يتوجب عليك تسجيل الدخول
تسجيل الدخول
تسجيل الدخول