Neko

Keretes szövegdobozok görgetősávval

HTML Code:

<div style="height:100px;width:200px;overflow:scroll;background-color:#ffffff;color:#999999;border:10px solid #C64D94;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using <a href="/css/" target="_blank">CSS</a>. <a href="/css/tutorial/css_border.cfm" target="_blank">More about CSS borders</a>.</div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>

Minta:

Ide jöhet a szöveg. A doboz méretezhető és kép is illeszthető bele. A lap alján találod a CSS kód leírását, hogy a dobozt át tudd alakítani a saját stílusoddá.

HTML Code:

<div style="height:100px;width:200px;overflow:scroll;background-color:#ffffff;color:#999999;border:10px dotted #C64D94;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using <a href="/css/" target="_blank">CSS</a>. <a href="/css/tutorial/css_border.cfm" target="_blank">More about CSS borders</a>.</div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>

Minta:

Ide jöhet a szöveg. A doboz méretezhető és kép is illeszthető bele. A lap alján találod a CSS kód leírását, hogy a dobozt át tudd alakítani a saját stílusoddá.

HTML Code:

<div style="height:100px;width:200px;overflow:scroll;background-color:#ffffff;color:#999999;border:10px dashed #C64D94;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using <a href="/css/" target="_blank">CSS</a>. <a href="/css/tutorial/css_border.cfm" target="_blank">More about CSS borders</a>.</div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>

Minta:

Ide jöhet a szöveg. A doboz méretezhető és kép is illeszthető bele. A lap alján találod a CSS kód leírását, hogy a dobozt át tudd alakítani a saját stílusoddá.

HTML Code:

<div style="height:100px;width:200px;overflow:scroll;background-color:#ffffff;color:#999999;border:10px groove #C64D94;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using <a href="/css/" target="_blank">CSS</a>. <a href="/css/tutorial/css_border.cfm" target="_blank">More about CSS borders</a>.</div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>

Minta:

Ide jöhet a szöveg. A doboz méretezhető és kép is illeszthető bele. A lap alján találod a CSS kód leírását, hogy a dobozt át tudd alakítani a saját stílusoddá.

HTML Code:

<div style="height:100px;width:200px;overflow:scroll;background-color:#ffffff;color:#999999;border:10px double #C64D94;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using <a href="/css/" target="_blank">CSS</a>. <a href="/css/tutorial/css_border.cfm" target="_blank">More about CSS borders</a>.</div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>

Minta:

Ide jöhet a szöveg. A doboz méretezhető és kép is illeszthető bele. A lap alján találod a CSS kód leírását, hogy a dobozt át tudd alakítani a saját stílusoddá.

HTML Code:

<div style="height:100px;width:200px;overflow:scroll;background-color:#ffffff;color:#999999;border:10px ridge #C64D94;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using <a href="/css/" target="_blank">CSS</a>. <a href="/css/tutorial/css_border.cfm" target="_blank">More about CSS borders</a>.</div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>

Minta:

Ide jöhet a szöveg. A doboz méretezhető és kép is illeszthető bele. A lap alján találod a CSS kód leírását, hogy a dobozt át tudd alakítani a saját stílusoddá.

HTML Code:

<div style="height:100px;width:200px;overflow:scroll;background-color:#ffffff;color:#999999;border:10px outset #C64D94;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using <a href="/css/" target="_blank">CSS</a>. <a href="/css/tutorial/css_border.cfm" target="_blank">More about CSS borders</a>.</div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>

Minta:

Ide jöhet a szöveg. A doboz méretezhető és kép is illeszthető bele. A lap alján találod a CSS kód leírását, hogy a dobozt át tudd alakítani a saját stílusoddá.

HTML Code:

<div style="height:100px;width:200px;overflow:scroll;background-color:#ffffff;color:#999999;border:10px inset #C64D94;">This is enough sample text to make the box grow scrollbars - then we can call the box a scroll box! Note that the borders are defined using <a href="/css/" target="_blank">CSS</a>. <a href="/css/tutorial/css_border.cfm" target="_blank">More about CSS borders</a>.</div> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com">Quackit Tutorials</a></p>

Minta:

Ide jöhet a szöveg. A doboz méretezhető és kép is illeszthető bele. A lap alján találod a CSS kód leírását, hogy a dobozt át tudd alakítani a saját stílusoddá.