Nilalaman Marketing

Blogger: CSS Style para sa Code sa Iyong Blog

Tinanong ako ng isang kaibigan kung paano ko ginawa ang mga rehiyon ng code sa entry sa Blogger. Ginawa ko ito gamit ang isang style tag para sa CSS sa aking Blogger template. Narito ang idinagdag ko:

p.code {
    font-family: Courier New;
    font-size: 8pt;
    border-style: inset;
    border-width: 3px;
    padding: 5px;
    background-color: #FFFFFF;
    line-height: 100%;
    margin: 10px;
}
  1. p.code: Isa itong panuntunan ng CSS na nagta-target ng HTML <p> mga elemento na may pangalan ng klase na "code." Nangangahulugan ito na ang anumang talata na may ganitong klase ay mai-istilo ayon sa mga sumusunod na katangian.
  2. font-family: Courier New;: Itinatakda ng property na ito ang font family sa “Courier New.” Tinutukoy nito ang font na gagamitin para sa teksto sa loob ng mga naka-target na elemento.
  3. font-size: 8pt;: Itinatakda ng property na ito ang laki ng font sa 8 puntos. Ang teksto sa loob ng mga naka-target na elemento ay ipapakita sa laki ng font na ito.
  4. border-style: inset;: Itinatakda ng property na ito ang istilo ng hangganan sa “inset.” Lumilikha ito ng sunken o pinindot na hitsura para sa hangganan sa paligid ng mga naka-target na elemento.
  5. border-width: 3px;: Itinatakda ng property na ito ang lapad ng hangganan sa 3 pixels. Ang hangganan sa paligid ng mga elemento ay magiging 3 pixel ang kapal.
  6. padding: 5px;: Nagdaragdag ang property na ito ng 5 pixel ng padding sa paligid ng content sa loob ng mga naka-target na elemento. Nagbibigay ito ng puwang sa pagitan ng teksto at hangganan.
  7. background-color: #FFFFFF;: Itinatakda ng property na ito ang kulay ng background sa puti (#FFFFFF). Ang nilalaman sa loob ng mga naka-target na elemento ay magkakaroon ng puting background.
  8. line-height: 100%;: Itinatakda ng property na ito ang taas ng linya sa 100% ng laki ng font. Tinitiyak nito na ang mga linya ng teksto ay may pagitan ayon sa laki ng font.
  9. margin: 10px;: Nagdaragdag ang property na ito ng margin na 10 pixel sa paligid ng buong elemento. Nagbibigay ito ng puwang sa pagitan ng elementong ito at ng iba pang elemento sa pahina.

Ang ibinigay na CSS code ay tumutukoy sa isang istilo para sa mga HTML na talata na may klase na "code." Itinatakda nito ang font, laki ng font, istilo ng hangganan, lapad ng hangganan, padding, kulay ng background, taas ng linya, at margin para sa mga talatang ito. Maaaring ilapat ang istilong ito sa mga snippet ng code o na-preformat na teksto sa isang post sa Blogger upang bigyan sila ng partikular na hitsura.

Narito ang magiging hitsura nito:

p.code {
font-family: Courier New;
laki ng font: 8pt;
border-style: inset;
lapad ng hangganan: 3px;
padding: 5px;
kulay ng background: #FFFFFF;
taas ng linya: 100%;
margin: 10px;
}

Maligayang Coding!

Douglas Karr

Douglas Karr ay CMO ng OpenINSIGHTS at ang nagtatag ng Martech Zone. Nakatulong si Douglas sa dose-dosenang matagumpay na mga startup ng MarTech, tumulong sa angkop na pagsusumikap ng higit sa $5 bil sa mga pagkuha at pamumuhunan ng Martech, at patuloy na tinutulungan ang mga kumpanya sa pagpapatupad at pag-automate ng kanilang mga diskarte sa pagbebenta at marketing. Si Douglas ay isang kinikilalang internasyonal na digital na pagbabago at eksperto at tagapagsalita ng MarTech. Si Douglas ay isa ring nai-publish na may-akda ng isang Dummie's guide at isang business leadership book.

Kaugnay na Artikulo

Bumalik sa tuktok na pindutan
Pagsasara

Natukoy ang Adblock

Martech Zone ay kayang ibigay sa iyo ang nilalamang ito nang walang bayad dahil pinagkakakitaan namin ang aming site sa pamamagitan ng kita ng ad, mga link na kaakibat, at mga sponsorship. Ikinalulugod namin kung aalisin mo ang iyong ad blocker habang tinitingnan mo ang aming site.