css.pdf

ပနပၚခငတအတကၾကင ahover မ

  • No School
  • AA 1
  • 116

This preview shows page 42 - 46 out of 116 pages.

ျပန္ေပၚခ်င္တဲ့အတြက္ေၾကာင့္ a:hover မွာ text-decoration:underline ဆိုျပီး သံုးလိုက္ပါတယ္။ background color ကၽြန္ေတာ္ ေထြေထြ ထူးထူး မေျပာေတာ့ပါဘူး။ background-color နဲ႕ ပတ္သက္ျပီးေတာ့ ကၽြန္ေတာ္ အေပၚမွာ ေျပာထားခဲ့ျပီးပါျပီ။ link မွာ css က code ေတြကို လြယ္လင့္တကူ အသံုးျပဳႏိုင္ပါတယ္။ အတူတူပါပဲ။ link မွာ အဓိက selector ခုကို အသံုးျပဳတယ္ဆိုတာကို မွတ္မိဖို႕ပဲလုိပါတယ္။ <html> <head> <style type = "text/css" > a:link { background-color : #B2FF99 ;} a:visited { background-color : #FFFF85 ;} a:hover { background-color : #FF704D ;} a:active { background-color : #FF704D ;} </style> </head> <head> <a href = " " > Google </a> </head> </html> CSS for starter , written by saturngod ( ) 42
Image of page 42

Subscribe to view the full document.

Lists List ဆိုတာကေတာ့ ul နဲ႕ ol ပဲ ေပါ့။ ul က အခုေနာက္ပိုင္း CSS ေတြမွာ table အစား အသံုးျပဳလာတာ ေတြ႕ရပါတယ္။ table အစား အသံုးျပဳတယ္ဆိုတာက ရိုးရိုး html မွာ မျဖစ္ႏိုင္သလိုပဲ။ ဒါေပမယ့္ CSS နဲ႕ ေပါင္းျပီး သံုးလိုက္တဲ့ အခါမွာေတာ့ Table လုိမ်ဳိး ဖန္တီးလာႏိုင္ပါတယ္။ Different List Item Markers <html> <head> <style type = "text/css" > ul.a { list-style-type : circle ;} ul.b { list-style-type : square ;} ol.c { list-style-type : upper-roman ;} ol.d { list-style-type : lower-alpha ;} </style> </head> <body> <p> Example of unordered lists: </p> <ul class = "a" > <li> Coffee </li> <li> Tea </li> <li> Coca Cola </li> </ul> <ul class = "b" > <li> Coffee </li> <li> Tea </li> <li> Coca Cola </li> </ul> <p> Example of ordered lists: </p> <ol class = "c" > CSS for starter , written by saturngod ( ) 43
Image of page 43
<li> Coffee </li> <li> Tea </li> <li> Coca Cola </li> </ol> <ol class = "d" > <li> Coffee </li> <li> Tea </li> <li> Coca Cola </li> </ol> </body> </html> အဲဒါကို run လိုက္ရင္ ေအာက္ကလို ျမင္ရပါမယ္။ ပံုမွန္ HTML မွာလည္း လြယ္လင့္တကူ ဖန္တီးႏိုင္သလို css နဲ႕လည္း ဖန္တီးႏိုင္ပါတယ္။ CSS ရဲ႕ အားသာခ်က္ေတြကိုေတာ့ ကၽြန္ေတာ္ေျပာျပီးပါျပီ။ ဒါေၾကာင့္ css ကို အသံုးျပဳျပီး ေျပာင္းလဲလို႕ရတာဟာ CSS for starter , written by saturngod ( ) 44
Image of page 44

Subscribe to view the full document.

list ေတြ
Image of page 45
Image of page 46
  • 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