style tables:كيفية التحكم بخصائص الجدول

شرح تجميل الجداول بcss من تغيير الحدود والحواف والخلفية والمحاذاه فى الجدول


<<السابق الحالى التالى>>
كافة الدروس

<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>
<table>
<tr>
<td>mohamed</td>
<td>advphp</td>
<td>advphp@hotmail.com</td>
</tr>
<tr>
<td>25years</td>
<td>webeveloper </td>
<td>egypt</td>
</tr>
</table>
//css style.css
table{
border:1px solid #f90;
border-collapse:collapse;
width:500px;
height:200px;
}
table{
border-left:1px dotted #f90;
border-right:1px dashed #f90;
border-bottom:1px solid #f90;
border-top:1px solid #f90;
}
td{
background:#f0c;
text-align:center;
font-size:19px;
padding:15px;
}