TEST PRE TAG

Sedang mencoba membuat artikel pre tag
 /* JUDUL TAG PRE */
pre[codetype]:before {
content: attr(codetype);
display: block;
margin-top: 5px;
margin-bottom: -5px;
padding: 7px 15px;
font-family: georgia,Sans-serif;
font-size: 13px;
text-transform: uppercase;
color: #E2E2E2;
}
pre[codetype="CSS"]:before{background-color:#c0392b}
pre[codetype="CSS"] code{border-left: 5px solid #c0392b;}
pre[codetype="HTML"]:before{background-color:#d35400}
pre[codetype="HTML"] code{border-left: 5px solid #d35400;}
pre[codetype="JavaScript"]:before{background-color:#2980b9}
pre[codetype="JavaScript"] code{border-left: 5px solid #2980b9;}
pre[codetype="JQuery"]:before{background-color:#16a085}
pre[codetype="JQuery"] code{border-left: 5px solid #16a085;}
} 

Terima kasih anda telah membaca artikel TEST PRE TAG. Jika anda kurang paham silahkan berkomentar dibawah & Ada baiknya jika artikel ini bermanfaat Share ke saudara atau teman anda.

Related Posts:

0 Response to "TEST PRE TAG"

Post a Comment

Jika ada kurang paham atau mau memberikan tambahan ilmu tentang hal serupa segera layangkan pada kolom komentar. Karena ilmu yang kita miliki mesti kita amakan karena itu akan berbuah pahala bagi pengamal dan pemberi ilmunya.

"Barangsiapa yang menunjuki kepada kebaikan maka dia akan mendapatkan pahala seperti pahala orang yang mengerjakannya.” (HR. Muslim no. 1893).

Kode Emoticon :



Your Ads Here 970x90
Di desain dengan sepenuh oleh Marwan Abdul Anwar | Font & Ikon : SSP ▪ Fontawesome