Blogger: Gaya CSS untuk Kod pada Blog Anda
Seorang rakan bertanya kepada saya bagaimana saya membuat kawasan kod dalam entri Blogger. Saya melakukannya menggunakan tag gaya untuk CSS dalam templat Blogger saya. Inilah yang saya tambahkan:
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
: Ini ialah peraturan CSS yang menyasarkan HTML<p>
elemen dengan nama kelas "kod." Ini bermakna mana-mana perenggan dengan kelas ini akan digayakan mengikut sifat berikut.font-family: Courier New;
: Sifat ini menetapkan keluarga fon kepada "Baharu Kurier." Ia menentukan fon yang akan digunakan untuk teks dalam elemen yang disasarkan.font-size: 8pt;
: Sifat ini menetapkan saiz fon kepada 8 mata. Teks dalam elemen yang disasarkan akan dipaparkan pada saiz fon ini.border-style: inset;
: Harta ini menetapkan gaya sempadan kepada "inset." Ia mencipta rupa tenggelam atau ditekan untuk sempadan di sekeliling elemen yang disasarkan.border-width: 3px;
: Sifat ini menetapkan lebar sempadan kepada 3 piksel. Sempadan di sekeliling elemen akan setebal 3 piksel.padding: 5px;
: Sifat ini menambah 5 piksel padding di sekeliling kandungan di dalam elemen yang disasarkan. Ia menyediakan jarak antara teks dan sempadan.background-color: #FFFFFF;
: Sifat ini menetapkan warna latar belakang kepada putih (#FFFFFF). Kandungan dalam elemen yang disasarkan akan mempunyai latar belakang putih.line-height: 100%;
: Sifat ini menetapkan ketinggian garisan kepada 100% daripada saiz fon. Ia memastikan bahawa baris teks dijarakkan mengikut saiz fon.margin: 10px;
: Sifat ini menambah margin 10 piksel di sekeliling keseluruhan elemen. Ia memberikan jarak antara elemen ini dan elemen lain pada halaman.
Kod CSS yang disediakan mentakrifkan gaya untuk perenggan HTML dengan "kod" kelas. Ia menetapkan fon, saiz fon, gaya jidar, lebar jidar, padding, warna latar belakang, ketinggian garisan dan jidar untuk perenggan ini. Gaya ini boleh digunakan pada coretan kod atau teks yang dipraformat dalam siaran Blogger untuk memberi mereka penampilan khusus.
Begini rupanya:
p.code {
font-family: Courier New;
saiz fon: 8pt;
gaya sempadan: inset;
lebar sempadan: 3px;
padding: 5px;
warna latar belakang: #FFFFFF;
ketinggian garis: 100%;
margin: 10 piksel;
}
Selamat Pengkodan!