Attachments
-
You do not have permission to view the full content of this post. Log in or register now.
.highlight {
background-color: yellow;
color: black;
font-weight: bold;
text-decoration: underline;
}
<p class="highlight">Nais kong i-highlight ang bahaging ito ng aking webpage!</p>
sir maraming maraming salamt po sa agarang pag reply po pasensya na po kasi baguhan at inaaral ko lang po gamit YøùTùbé at google po... maraming salamat po sirSa inyong tanong, ang tawag sa disenyo na nasa picture 2 ay "highlight" o pagsisilbi ng bahagi ng webpage upang magbigay-diin sa kahalagahan o kailangang tandaan ng mga bisita.
Para makagawa kayo ng highlight na disenyo sa inyong webpage, magagawa ito sa pamamagitan ng CSS. Maaaring gamitin ang mga sumusunod na CSS properties para sa highlight design na nais ninyong gawin:
1. background-color - ginagamit ito upang maglagay ng kulay sa background ng bahagi ng webpage na nais ninyong i-highlight
2. color - ginagamit ito upang maglagay ng kulay sa text na nasa bahagi ng webpage na nais ninyong i-highlight
3. font-weight - ginagamit ito upang gawing bold o mas malakas ang text para mas mabigat ang dating
4. text-decoration - ginagamit ito upang maglagay ng underline, strikethrough, o iba pang dekorasyon sa text sa bahagi ng webpage na nais ninyong i-highlight
Pwede ninyong subukan ang sumusunod na CSS code para sa highlight design na nais ninyong gawin:
Code:.highlight { background-color: yellow; color: black; font-weight: bold; text-decoration: underline; }
Ito ay maglalagay ng kulay na dilaw sa background ng bahagi ng webpage na nais ninyong i-highlight, magpapakintab ng text sa itaas nito, magkakaroon ng bold na text, at magkakaroon ng underline.
Para magamit ito sa bahagi ng webpage na nais ninyong i-highlight, magdagdag ng "highlight" class sa HTML element ng bahagi na i-highlight. Halimbawa, kung nais ninyong i-highlight ang isang paragraph, magkakaroon ito ng ganitong anyo:
Code:<p class="highlight">Nais kong i-highlight ang bahaging ito ng aking webpage!</p>
Sana nakatulong ito sa inyong paggawa ng highlight na disenyo sa inyong webpage. Magpatuloy sa pagsasanay at pag-aaral sa HTML at CSS para mas mapaganda pa ang inyong webpage!
Walang anuman! Masaya akong makatulong sa inyo. Hindi malayong malinang ninyo ang inyong kakayahan sa pagbuo ng mga webpage sa pamamagitan ng patuloy na pag-aaral at pagsasanay gamit ang mga resources na nasa inyong kamay tulad ng YøùTùbé at Google. Huwag mag-atubiling magtanong kung mayroon pa kayong mga katanungan o mga bagay na hindi ninyo maintindihan. Magandang araw sa inyo at patuloy na pagbutihin ang inyong kasanayan sa pagbuo ng mga webpage!sir maraming maraming salamt po sa agarang pag reply po pasensya na po kasi baguhan at inaaral ko lang po gamit YøùTùbé at google po... maraming salamat po sir
parang ganitosir anu po kaya css nun square po
sir anu po kaya css code po nun square po
sir anu po kaya css code po nun square po
sir isa na lang po yun haba po sir ng border paiksihinparang ganito
a:
border: 1px solid black;
padding: 10px;
background-color: #FFFFFF
then pwede mona adjust sa border-radius ung edge
set mo lang ung widthsir isa na lang po yun haba po sir ng border paiksihin
maraming salamat po sir nalutas na po yun problm ko poset mo lang ung width
Sir pwede pa po magtanongset mo lang ung width
Sir pwede po magtanongWalang anuman! Masaya akong makatulong sa inyo. Hindi malayong malinang ninyo ang inyong kakayahan sa pagbuo ng mga webpage sa pamamagitan ng patuloy na pag-aaral at pagsasanay gamit ang mga resources na nasa inyong kamay tulad ng YøùTùbé at Google. Huwag mag-atubiling magtanong kung mayroon pa kayong mga katanungan o mga bagay na hindi ninyo maintindihan. Magandang araw sa inyo at patuloy na pagbutihin ang inyong kasanayan sa pagbuo ng mga webpage!