דוגמא 1 - מסגרת מקווקות:
הדוגמא:

הקוד :
<div style="height:100px; width:40%; overflow:auto; border:dotted 1px black;"> כאן אתם רושמים סנייפ =] </div>

---

דוגמא 2 - מסגרת מוכפלת:
הדוגמא:

בדוגמא הזאות כאשר מקטינים או מגדלים את מספר ה px
המסגרת יכולה להיות מסגרת ישרה ויכולה להיות משוכפלת כמו עכשיו
הקוד:
<div style="height:100px; width:350px; overflow:auto; border:double 6px black;"> כאן אתם רומשים מה שאתם רוצים-סנייפ עזרה לאתרים </div>

---

דוגמא 3 - מסגרת עם עיגולים:
הדוגמא:

הקוד:
<div style="height:100px; width:350px; overflow:auto; border:double 6px black;"> כאן אתם רומשים מה שאתם רוצים-סנייפ </div>

---

דוגמא4 - מסגרת רגילה:
הדוגמא:

הקוד:
<div style="height:100px; width:350px; overflow:auto; border:solid 5px black;"> סנייפ- אתר לבוני אתרים</div>

---

עכשיו אפשר לקבוע לזה הגדרות שונות
צבע , גודל(ארוך ורוחב) ועובי המסגרת

---

צבע:

חפשו בקוד את החלק הזה

1px black

ובמקום ה black שנו לצבע שאתם רוצים

---

עובי:

חפשו בקוד את החלק הזה

1px black

במקום 1 px שנו למספר שאתם רוצים

---

רוחב
חפשו בקוד את החלקים הבאים

width:350px

במקום 350 שנו למספר הרוחב שאתם רוצים שיהיה

---

אורך

חפשו בקוד את החלק הבא

height:150px

במקום 100 שנו למספר האורך שאתם רוצים שיהיה

---

דוגמאות לשינוים:
אם נשנה את האורך מ 100 ל 150 ואת הצבע ל red ועובי המסגרת ל 5 כך זה יראה

---

שימו לב: כדי שהקוד לא יכול על כל השין
אז תודאו שהקוד הבא בתוך הקוד(זה בעצם הסוגר)
</div>

---

יצירת הקוד בקלות על ידי מילוי כמה שדות:

תוכן(מה שיהיה רשום בתוך המסגרת):
סנייפ