※ ChatGPTを利用し、要約された質問です（原文：css）
上下２つの画像で角丸にcssでしようと思います。上はこれでいいんですが
下の表示はどうするんでしょうか。
<div id="sub">
<h1>メニュー</h1>
<ul>
<li><a href="1.html" >123</a></li>
<li><a href="2.html" >123</a></li>
<li><a href="3.html" >123</a></li>
</ul>
</div>
#sub {
float:right;
margin-top:5px;
width:180px;
padding:5px 5px 2px 5px;
background-image: url(ue.gif);
background-repeat:no-repeat;
}
#sub h1 {
background: url(images/a.gif);
color:#333333;
font-size:11px;
font-weight: normal;
padding:5px 20px ;
}
#sub ul{
padding:0;
list-style:none;
background-color:#FFFFFF;
}
#sub li{
margin:0 0 0 0px;
border-bottom:1px solid #0000ff;
}
#sub li a {
display:block;
padding-left:20px;
background:url(images/1.gif) 2% 50% no-repeat;
line-height:35px;
}
わかりましたらよろしくお願いします。
お礼
表示できました。ありがとうございます。