css.pdf

Head style type textcss tabletdth border 1px solid

  • No School
  • AA 1
  • 116

This preview shows page 55 - 61 out of 116 pages.

<head> <style type = "text/css" > table,td,th { border : 1px solid black ; } td { text-align : right ; } </style> </head> <body> <table> <tr> <th> Firstname </th> <th> Lastname </th> <th> Savings </th> </tr> <tr> <td> Peter </td> <td> Griffin </td> <td> $100 </td> </tr> <tr> <td> Lois </td> <td> Griffin </td> <td> $150 </td> </tr> <tr> <td> Joe </td> <td> Swanson </td> <td> $300 </td> </tr> <tr> <td> Cleveland </td> CSS for starter , written by saturngod ( ) 55
Image of page 55

Subscribe to view the full document.

<td> Brown </td> <td> $250 </td> </tr> </table> </body> </html> အဲဒီ code ကို run လုိက္ရင္ စာေတြ အကုန္ ညာဖက္ ကပ္ေနတာကို ေတြ႕မွာပါ။ vertical align ကေတာ့ top , bottom , middle ဆိုျပီး ရိွပါတယ္။ တခ်က္ေလာက္ code ေလးကို ၾကည့္လုိက္ရေအာင္ td { height: 50px ; vertical-align: bottom ; } ကိုပဲ သံုးထားတယ္။ <html> <head> <style type = "text/css" > table,td,th { border : 1px solid black ; CSS for starter , written by saturngod ( ) 56
Image of page 56
} td { text-align : right ; } </style> </head> <body> <table> <tr> <th> Firstname </th> <th> Lastname </th> <th> Savings </th> </tr> <tr> <td> Peter </td> <td> Griffin </td> <td> $100 </td> </tr> <tr> <td> Lois </td> <td> Griffin </td> <td> $150 </td> </tr> <tr> <td> Joe </td> <td> Swanson </td> <td> $300 </td> </tr> <tr> <td> Cleveland </td> <td> Brown </td> <td> $250 </td> </tr> </table> </body> CSS for starter , written by saturngod ( ) 57
Image of page 57

Subscribe to view the full document.

</html> အဲဒါက run လုိက္ရင္ ေအာက္ကလို ေတြ႕ပါမယ္။ အကုန္လံုး ေအာက္မွာ ေရာက္ေနတာကို ေတြ႕ပါလိမ့္မယ္။ Table Padding table မွာ padding က အေရးၾကီးပါတယ္။ padding က ဘာလဲဆိုတာကိုေတာ့ HTML table အခန္းမွာ ျပန္လည္ ဖတ္ရ ႈႏိုင္ပါတယ္။ ရွင္းေအာင္ ေျပာရရင္ေတာ့ padding က border နဲ႕ စာ အကြာအေဝးလို႕ ဆိုရပါလိမ့္မယ္။ padding အတြက္ကေတာ့ td { padding: 15px ; } အဲလိုမ်ဳိးေရးပါတယ္။ code အျပည့္အစံုကေတာ့ <html> CSS for starter , written by saturngod ( ) 58
Image of page 58
<head> <style type = "text/css" > table, td, th { border : 1px solid black ; } td { padding : 15px ; } </style> </head> <body> <table> <tr> <th> Firstname </th> <th> Lastname </th> <th> Savings </th> </tr> <tr> <td> Peter </td> <td> Griffin </td> <td> $100 </td> </tr> <tr> <td> Lois </td> <td> Griffin </td> <td> $150 </td> </tr> <tr> <td> Joe </td> <td> Swanson </td> <td> $300 </td> </tr> <tr> <td> Cleveland </td> CSS for starter , written by saturngod ( ) 59
Image of page 59

Subscribe to view the full document.

<td> Brown </td> <td> $250 </td> </tr> </table> </body> </html> အဲဒါကို run ၾကည့္လုိက္ရင္ စာသားေတြက ေဘာင္နဲ႕ ျခားသြားတာကို ေတြ႕ႏိုင္ပါလိမ့္မယ္။ Table Color table မွာ ေနာက္ထပ္ လွပ ေအာင္ျပင္ရမယ့္ အပိုင္းကေတာ့ color ပါပဲ။ color
Image of page 60
Image of page 61
  • Fall '19

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern