それは、先に紹介した仕様書見ればすぐ分かるはずです。
ul{border:solid black 40px;}
ul li{font-weight:bold;}
ul li{background-color:yellow;}
ul+ul li{background-color:transparent;text-decoration:underline;}
で、分かるようにふたつのul要素が直接隣接しているなら、
<ul>
<li>テキスト１</li>
<li>テキスト１</li>
<li>テキスト１</li>
</ul>
<ul>
<li>テキスト１</li>
<li>テキスト１</li>
<li>テキスト１</li>
</ul>
サンプル
★タブは＿に置換してあるので戻す。
★文字コードはShift_JIS
★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )
でチェック済みのHTML4.01strict + CSS2.1です。
きちんと順を追って身につけるほうが、ずっと早く効率的に身につけられます。結果だけみてもほとんど役に立たないと思う。回りは黒くなくてよいとか、巾が違うとか・・その都度聞くわけには行かないでしょ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">
<!--
html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.6em;}
p{text-indent:1em;}
div.header,div.section,div.footer{width:90%;min-width:630px;max-width:900px;margin:0 auto;padding:5px;}
ul{border-style:solid;border-color:black;border-width:40px 100px 0 100px;width:8em;margin:0 auto;padding:50px 20px;}
ul+ul{border-width:0 100px 40px 100px;}
ul li{font-weight:bold;margin:5px 0;}
ul li p{display:inline-block;background-color:yellow;margin:0;}
ul+ul li p{background-color:transparent;text-decoration:underline;}
-->
＿</style>
</head>
<body>
＿<div class="header">
＿＿<h1>タイトル</h1>
＿＿<p>このページでは・・・・</p>
＿</div>
＿<div class="section">
＿＿<h2>見出し</h2>
＿＿<p>本文はsection</p>
＿＿<ul>
＿＿＿<li><p>テキスト１</p></li>
＿＿＿<li><p>テキスト２</p></li>
＿＿＿<li><p>テキスト３</p></li>
＿＿</ul>
＿＿<ul>
＿＿＿<li><p>テキスト１</p></li>
＿＿＿<li><p>テキスト２</p></li>
＿＿＿<li><p>テキスト３</p></li>
＿＿</ul>
＿</div>
＿<div class="footer">
＿＿<h2>文書情報</h2>
＿＿<dl class="documentHistry">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2013-03-03</dd>
＿＿</dl>
＿</div>
</body>
</html>
補足
説明不足ですいません。 リストタグ（<ul><li>）を使って、黒太字で黄色の背景を指定するCSSの書き方 もうひとつも、同じく リストタグを使って、黒太字で下に赤い線を指定するCSSの書き方 この2つが知りたいです。