Wygląd
Jeżeli nie odpowiada nam podstawowy wygląd indeksu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku indeks.css należy wkleić np.:
#indeks {
width: 300px;
padding: 10px 0;
background: #ccc;
border: 2px outset #aaa;
text-align: center;
margin: 1em auto;
}
#indeks input.text {
width: 290px;
}
#indeks select {
width: 100%;
margin: 2px 0 10px 0;
}
#indeks input.button {
width: 100px;
margin-left: 5px;
margin-right: 5px;
}W wyróżnionych miejscach wpisano identyfikator indeksu, zdefiniowany uprzednio w pliku indeks_hasla.js. Teraz w nagłówku dokumentu HTML (<head>...</head>), na którym wstawiony jest indeks haseł, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów:
<link rel="stylesheet" href="indeks.css">