Bu daha iyi
daha iyi | Tahmin edin bu küçük tabloda ne kadar işaretleme var? 2.1k. Bu şeyde 4 satır ve 2 kolon var. Ve hiç ayırıcı GIF yok. |
sadece doğru | Ve tüm bu noktalı kenarlar CSS ile yapıldı ve tamamen geçerli.
|
Bunların hepsi 8 tablo hücresi ve 4 css kuralı ile yapıldı. | Cidden. 8 hücre ve 4 css kuralı, tüm gereken bu kadar.
|
<table> için bir tane, <td> için bir tane, <ul> için bir tane ve <li> için bir tane kurala ihtiyacınız var. | Bu kadar. Bunları yaptığınız takdirde paha biçilmezsiniz.
|
Ve zırva işaretlemeden kurtulmak için kullandığımız CSS Kodu burada:
table { border-bottom: 1px dotted fuchsia; border-left: 1px dotted fuchsia }
td { padding: 11px 20px 20px 11px; border-top: 1px dotted fuchsia; border-right: 1px dotted fuchsia }
ul { margin-top: 10px; margin-bottom:
10px; margin-left: 0; padding-left: 1em }
li { margin-bottom: 10px }