Jinsi ya kutengeneza cheti kwa kutumia HTML
Katika post hii utakwenda kujifunz ajinsi ya kutengeneza cheti kwa kutumia html na css.
<style>
@page{
size:A4 landscape;
margin:10mm;
}
body{
margin:0;
padding:0;
border:1mm solid #991B1B;
height:188mm;
}
.border-pattern{
position:absolute;
left:4mm;
top:-6mm;
height:200mm;
width:267mm;
border:1mm solid #991B1B;
/* http://www.heropatterns.com/ */
background-color: #d6d6e4;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h16v2h-6v6h6v8H8v-6H2v6H0V0zm4 4h2v2H4V4zm8 8h2v2h-2v-2zm-8 0h2v2H4v-2zm8-8h2v2h-2V4z' fill='%23991B1B' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.content{
position:absolute;
left:10mm;
top:10mm;
height:178mm;
width:245mm;
border:1mm solid #991B1B;
background:white;
}
.inner-content{
border:1mm solid #991B1B;
margin:4mm;
padding:10mm;
height:148mm;
text-align:center;
}
h1{
text-transform:uppercase;
font-size:48pt;
margin-bottom:0;
}
h2{
font-size:24pt;
margin-top:0;
padding-bottom:1mm;
display:inline-block;
border-bottom:1mm solid #991B1B;
}
h2::after{
content:"";
display:block;
">...
Jiunge nasi WhatsApp kupata update zetu
Umeionaje Makala hii.. ?
Share On:
👉1 kitabu cha Simulizi 👉2 Bongolite - Game zone - Play free game 👉3 Kitabu cha Afya 👉4 web hosting 👉5 Madrasa kiganjani 👉6 Sira ya Mtume Muhammad (s.a.w)
Post zinazofanana:
HTML - somo la 16: Jinsi ya ku host website bure
Katika somo hili utakwenda kujifunza jinsi ya ku host website yako bila malipo
Soma Zaidi...Njia za kupambana na saratani
Somo hili linakwenda kukueleza kuhusu njia za kupambana na saratani
Soma Zaidi...HATML - somo la 4: Jinsi ya kutumia tag za html
Katka somo hi utakwenda kujifunza jinsi ya kutumia tag za html ili kupangilia muonekano wa maudhui
Soma Zaidi...HTML - somo la 8: Mgawanyiko wa Tag za HTML na kazi zake
Katika somo hili tunakwenda kugawanya tag za HTML, pia nitakwenda kukuletea tag 70 za HTML
Soma Zaidi...HTML-somo la 5: Jinsi ya kupangilia munekano wa maudhui kwenye website
Katika somo hili utajifunza Kuweka picha Kuweka rangi Kuweka linki Kupangilia position na alignment ya maandishi Kuongeza ukubwa wa herufi Kukoment
Soma Zaidi...HTML - somo la 12: Sehemu kuu za faili la HTML
Katika somo hili utajifunza kuhusu sehemu kuu za faili la HTML
Soma Zaidi...HTML - somo la 15: Jinsi ya kutengeneza website kwa kutumia HTML
Katika somo hili tutakwenda kutengeneza website yetu kutoka mwanzo hadi mwisho
Soma Zaidi...HTML - somo la 10: Maana ya HTML attribute na jinsi zinavyofanya kazi
Katika somo hili utakwenda kijifunza kuhusu HTML attributes na jinsi ambavyo zinafanya kazi
Soma Zaidi...HTML - somo la 9: Jinsi ya kutumia tag za HTML katika uandishi wa maudhui
Katika somo hili utakwenda kuona jinsi ya kuzitumia tag balimbali za html
Soma Zaidi...