Esta camada tem a borda sólida:
div.bordasolida{
    border: 1px solid #aaaaaa;
}


Este elemento tem bordas distintas para cada lado. .bordaporlados{     border-top: 1px solid #ff9999;     border-right: 2px dotted #99ff99;     border-bottom: 2px dashed #9999ff;     border-left: 3px double #666666; }


Aqui coloquei uma borda com linha de pontos...
div.bordapontilhada{
    border: 2px dotted #ff8833;
}


Este elemento DIV tem uma borda dupla (double), porém para vê-la tem que colocar uma largura de borda maior.
div.bordadupla{
    border: 3px double #990000;
}


Este DIV tem a borda "dashed", que é como pontilhado, porém com o ponto mais comprido.
div.bordadashed{
    border: 2px dashed #660000;
}


Aqui coloquei uma borda tipo "groove", que cria uma espécie de relevo.
div.bordagroove{
    border: 5px groove #006600;
}


Nesta camada coloquei uma borda tipo ridge
div.bordaridge{
    border: 10px ridge #6666cc;
}


Temos aqui uma borda inset, que também cria uma espécie de relevo como se o elemento estivesse fundido, combiando a borda em distintos tons mais claros ou escuros.
div.bordainset{
    border: 10px inset #0000ff;
    background-color: #0000ff;
}


Aqui temos uma bordaoutset, que é como se a borda produzisse um relevo que imita como se estivesse levantado. Neste caso coloquei uma cor de fundo para que se veja melhor o efeito.
div.bordaoutset{
    border: 10px outset #cccccc;
    background-color: #cccccc;
}