Обычно рекомендуется использовать элементы <li> для вкладок и меню (с <ul> в качестве контейнера для группы вкладок) и соответствующим образом их стилизовать.
Ключевые элементы стиля:
float:left; --or-- display:inline-block;
list-style:none;
float:left; и display:inline-block; оба имеют одинаковые эффекты в том смысле, что элементы списка отображаются в горизонтальной строке.Они достигают этого совершенно по-разному, что может повлиять на другие аспекты вашего стиля, но может использоваться любой из них, в зависимости от того, с чем вам удобнее.(единственное предупреждение, если вам нужно поддерживать IE6, в этом случае inline-block не работает, но есть обходные пути для этого)
list-style:none; говорит элементам списка не отображать маркеротметьте, что они обычно будут заданы.
Помимо этих двух стилей, вы можете использовать практически любой понравившийся вам CSS, чтобы они выглядели именно так, как вы хотите.Обычно вкладки имеют границы вокруг трех сторон, закругленные углы, выделяют активную вкладку, и если вы наводите курсор на них ... все эти эффекты могут быть достигнуты с помощью CSS.
Эта статья дает хорошийпройти через, как достичь всех этих эффектов и многое другое.В Интернете есть и ряд других хороших учебных пособий.
Надеюсь, это поможет.