input みたいなボタン

質問

<ul>
<li class=""><a href="・・・">りんく</a></li>
<li class=""><a href="・・・">にっき</a></li>
<li class=""><a href="・・・">ＢＢＳ</a></li>
</ul>

（タグはうるおぼえで正確ではないかもしれません。そのサイトもわからなくなってしまって・・）
このタグを埋め込むとinputボタンみたいな中に、リンク・にっき・ＢＢＳ、というふうに表示されるサイトがありました。
スタイルシートでやってるみたいですが、外部スタイルシートのためやり方が伺えません。

どのようにしたらよいかおわかりの方いらっしゃいませんでしょうか？

回答No.1

LAIT

少しタグが変わりますが・・・。

<div id="input">
<ul>
<li><a href="aaaaaa">aaaaaaa</a>
<li><a href="aaaaaa">aaaaaaa</a>
<li><a href="aaaaaa">aaaaaaa</a>
<li><a href="aaaaaa">aaaaaaa</a>
<li><a href="aaaaaa">aaaaaaa</a>
</ul>
</div>

CSS
div#input li {
border:solid 1px #000000;
background-color:silver;
padding:2px;
width:20%;
text-align:center;
margin:3px;
list-style : none;
}

お礼

なんとなくですが、ご指示どうりでできました。ありがとうございました。