• Megvolt az a ccs-énk amit a ccs~középben összeirtunk :) Árnyékolás stb.:.

<style type="text/css">
input {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 9px;
     color: #E8C2FF;
     border-left: 1px dotted #000000;
     border-right: 1px dotted #000000;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;}
td.modtitle {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 15 px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;}
td.modbody {
     background-color: #ffffff;
     font-family: trebuchet ms;
     font-size: 9px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;
     border-left: 1px dotted #000000;
     border-right: 1px dotted #000000;
<style>

• Nos első lépés a kereketiés lesz,ez már nehéz de viszont szép.

Kezdjük ott hogy a kerekitésnek ez a kódja:

-moz-border-radius: 1.7em 1.7em 0em 0em; /* a keret szélek kerekítése */

-webkit-border-radius: 1.7em 1.7em 0em 0em; /* a keret szélek kerekítése */

*/ez a rész ugye csak a td.modtitle részbe tehető be ... \*

Mind kettö résznél ugyanazok a számok szerepeljenek,és nagyon azért ne kerekitsd le ! :D  

Van egy külön rész a modul aljához is hogy az is kerekitve legyen,de ha nem akarod kerekiteni nem teszed bele,nah de itt a modulaljához a kód.:.

-moz-border-radius: 0em 0em 2em 2em; /* a keret szélek kerekítése */

-webkit-border-radius: 0em 0em 2em 2em; /* a keret szélek kerekítése */

• Most jön hogy melyik részbe kell betenni ezeket a kódrészeket.

td.modtitle {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 15 px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;     -moz-border-radius: 1.7em 1.7em 0em 0em; /* a keret szélek kerekítése */
     -webkit-border-radius: 1.7em 1.7em 0em 0em; /* a keret szélek kerekítése */}

Ez ugye a td.modtitle és a border-bottom alá kell betenni. 

Ugyanigy kell a modbody résznél is...

td.modbody {
     background-color: #ffffff;
     font-family: trebuchet ms;
     font-size: 9px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;
     border-left: 1px dotted #000000;
     border-right: 1px dotted #000000
     -moz-border-radius: 0em 0em 2em 2em; /* a keret szélek kerekítése */
     -webkit-border-radius: 0em 0em 2em 2em; /* a keret szélek kerekítése */;
<style>

• És akkor most jöjjön egybe az egész kód.:.

<style type="text/css">
input {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 9px;
     color: #E8C2FF;
      border-left: 1px dotted #000000;
     border-right: 1px dotted #000000;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;}

És akkor amit ebböl a leckéböl tanultunk,így fog kinézni a ccs kódunk:

<style type="text/css">
input {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 9px;
     color: #E8C2FF;
     border-left: 1px dotted #000000;
     border-right: 1px dotted #000000;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;}
td.modtitle {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 15 px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;
     -moz-border-radius: 1.7em 1.7em 0em 0em; /* a keret szélek kerekítése */
     -webkit-border-radius: 1.7em 1.7em 0em 0em; /* a keret szélek kerekítése */}
td.modbody {
     background-color: #ffffff;
     font-family: trebuchet ms;
     font-size: 9px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;
     border-left: 1px dotted #000000;
     border-right: 1px dotted #000000
     -moz-border-radius: 0em 0em 2em 2em; /* a keret szélek kerekítése */
     -webkit-border-radius: 0em 0em 2em 2em; /* a keret szélek kerekítése */;
<style>