Egyszerű szöveg doboz
2013.08.14. 14:27
Ezt nagyon sokáig láthattátok a fejléc alatt, nagyon szerettem és nehezen is váltam meg tőle. Ezért úgy döntöttem, hogy elhozom a kódját is, hogy ne vesszen el, meg nekem is itt meglegyen ha kell. :)
A demó:
A HTML (angolul: HyperText Markup Language=hiperszöveges jelölőnyelv) egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek ki, és mára már internetes szabvánnyá vált a W3C (World Wide Web Consortium) támogatásával. Az aktuális változata a 4.01, mely az SGML általános jelölőnyelv egy konkrét alkalmazása (azaz minden 4.01-es HTML dokumentum egyben az SGML dokumentumszabványnak is meg kell, hogy feleljen). Ezt tervek szerint lassan kiszorította volna az XHTML (ami a szintén SGML alapú XML leíró nyelven alapul), de az is lehetséges, hogy a HTML 5 veszi át a helyét. Forrás: Wikipedia
Persze nem pont ilyen stílusban kell használnod, ha neked nem tetszik. Nagyon egyszerű a kódja is, így bárki átírhatja minimális css tudás segítségével. De írtam mellé magyarázatot is. :)
HTML kód:
<div class="world">
<div class="more" style="text-align: justify;">
IDE JÖN A SZÖVEGED!</div>
</div>
CSS kód:
<style type="text/css">
.world{
background-color: #464544; /*a háttér színe*/
height: auto; /*magasság, de ezen ne állíts semmit*/
width: 835px; /*itt add meg a doboz szélességét*/
font: 10px arial; /*itt a betű mérete és stípusa*/
color: #fff; /*a betű színe*/
letter-spacing: 2px; /*a szavak távolsága*/
padding:9px; /*a belső margó szélessége*/
} </style>
|