cssインプリメンテーションタイトルテキストを横線間に配置
1382 ワード
cssインプリメンテーションは、ヘッダーテキストを横線の間に配置します.実際のアプリケーションでは、分類のために要素を分割することができます.もちろん、このカテゴリにはヘッダーが必要です.次に、このタイトルを横線の間に配置します.コードの例は次のとおりです.
上記のコードは、
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title> </title>
<style type="text/css">
*{
font-size:12px;
margin:0;
padding:0;
}
fieldset{
padding:10px;
margin:10px;
width:270px;
color:#333;
border:#06c dashed 1px;
}
legend{
color:#06c;
font-weight:800;
background:#fff;
}
ul{
list-style-type:none;
margin:8px 0 4px 0;
}
li{margin-top:4px;}
</style>
</head>
<body>
<fieldset>
<legend> </legend>
<ul>
<li><a href="#" target="_blank"> </a></li>
<li><a href="#" target="_blank"> url softwhy.com</a></li>
<li><a href="#" target="_blank"> </a></li>
<li><a href="#" target="_blank"> , </a></li>
</ul>
</fieldset>
</body>
</html>
上記のコードは、