akoonu Marketing
Blogger: Aṣa CSS fun koodu lori Bulọọgi rẹ
Ọrẹ kan beere lọwọ mi bawo ni MO ṣe ṣe awọn agbegbe koodu ni titẹsi Blogger. Mo ṣe o ni lilo aami ara fun CSS ninu awoṣe Blogger mi. Eyi ni ohun ti Mo ṣafikun:
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;
}
p.code
: Eyi jẹ ofin CSS ti o fojusi HTML<p>
awọn eroja pẹlu orukọ kilasi "koodu." O tumọ si pe eyikeyi paragirafi pẹlu kilasi yii yoo jẹ aṣa ni ibamu si awọn ohun-ini atẹle.font-family: Courier New;
Ohun-ini yii ṣeto idile fonti si “Oluranse Tuntun.” O pato awọn fonti ti yoo ṣee lo fun awọn ọrọ laarin awọn ìfọkànsí eroja.font-size: 8pt;
: Ohun-ini yii ṣeto iwọn fonti si awọn aaye 8. Ọrọ laarin awọn eroja ti a fojusi yoo han ni iwọn fonti yii.border-style: inset;
Ohun-ini yii ṣeto ara aala si “fifi sii.” O ṣẹda hihan sunken tabi titẹ fun aala ni ayika awọn eroja ti a fojusi.border-width: 3px;
: Ohun-ini yii ṣeto iwọn aala si awọn piksẹli 3. Aala ni ayika awọn eroja yoo jẹ 3 awọn piksẹli nipọn.padding: 5px;
Ohun-ini yii ṣe afikun awọn piksẹli 5 ti padding ni ayika akoonu inu awọn eroja ti a fojusi. O pese aaye laarin ọrọ ati aala.background-color: #FFFFFF;
Ohun-ini yii ṣeto awọ abẹlẹ si funfun (#FFFFFF). Akoonu laarin awọn eroja ti a fojusi yoo ni ipilẹ funfun kan.line-height: 100%;
: Ohun-ini yii ṣeto giga laini si 100% ti iwọn fonti. O ṣe idaniloju pe awọn laini ọrọ ti wa ni aaye ni ibamu si iwọn fonti.margin: 10px;
: Ohun-ini yii ṣe afikun ala ti awọn piksẹli 10 ni ayika gbogbo eroja. O pese aaye laarin nkan yii ati awọn eroja miiran lori oju-iwe naa.
Koodu CSS ti a pese n ṣalaye ara kan fun awọn paragi HTML pẹlu “koodu” kilasi. O ṣeto fonti, iwọn fonti, ara aala, iwọn aala, padding, awọ abẹlẹ, giga laini, ati ala fun awọn paragira wọnyi. Aṣa yii le lo si awọn snippets koodu tabi ọrọ ti a ti ṣe tẹlẹ ninu ifiweranṣẹ Blogger kan lati fun wọn ni irisi kan pato.
Eyi ni bii yoo ṣe rii:
p.code {
font-ebi: Oluranse Titun;
font-iwọn: 8pt;
aala-ara: inset;
ibú ààlà: 3px;
ohun elo fifọ: 5px;
abẹlẹ-awọ: #FFFFFF;
ila-giga: 100%;
ala: 10px;
}
Dun ifaminsi!