clasele de frontieră
Clasele de frontieră W3.CSS pot fi folosite pe orice elemente HTML.
Am granițe pe toate laturile.
Am un chenar de fund roșu
Am granițe rotunjite.
Exemplu
<div class="w3-border">
<p>I have borders on all sides.</p>
</div>
<div class="w3-border-bottom w3-border-red">
<p>I have
a red bottom border.</p>
</div>
<div class="w3-border
w3-round-xlarge">
<p>I have rounded borders.</p>
</div>
<div class="w3-container w3-pale-blue w3-leftbar w3-border-blue">
<p>I have a blue leftbar.</p>
</div>
Încearcă - l singur » Afiseaza Note
Notele sunt adesea afișate cu o culoare palidă și o bară colorată:
Exemplu
<div class="w3-container w3-pale-blue w3-leftbar w3-border-blue">
<p>London
is the most populous city in the United Kingdom,
with a
metropolitan area of over 13 million inhabitants.</p>
</div> Încearcă - l singur » Afiseaza Panouri
Panourile pot fi afișate într-un milion de moduri diferite:
Londra este capitala Angliei. Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.
Londra este capitala Angliei. Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.
Londra este capitala Angliei. Acesta este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.
Exemplu
<div class="w3-container w3-light-grey w3-border">
<p>London is the
most populous city in the United Kingdom,
with a metropolitan area
of over 13 million inhabitants.</p>
</div> Încearcă - l singur » Afiseaza Citate
Clasa W3-container poate fi folosit pentru a afișa citate.
Exemplu
<div class="w3-container w3-leftbar w3-light-grey">
<p><i>"Make it
as simple as possible, but not simpler."</i></p>
<p>Albert
Einstein</p>
</div> Încearcă - l singur » Dacă utilizați HTML <blockquote>, amintiți-vă că HTML va adăuga o marjă de stânga în plus:
"Make it as simple as possible, but not simpler."
Albert Einstein
Exemplu
<blockquote class="w3-container w3-leftbar w3-light-grey">
<p><i>"Make
it as simple as possible, but not simpler."</i></p>
<p>Albert Einstein</p>
</blockquote> Încearcă - l singur » Hoverable frontiere
W3-hover-clase de culoare schimba graniță culoarea frontierei cu mouse-ul:
frontieră hoverable Roșu
Purpuriu margine care devine albastru pe Hover
Exemplu
<div class="w3-container w3-border w3-hover-border-red">
<p>Red
hoverable border</p>
</div> Încearcă - l singur » Afiseaza Codul
Exemplu JavaScript
<div class="w3-code jsHigh">
.. JavaScript code here
</div>
Încearcă - l singur »