閉じるボタンXを達成するためのCSS

<!DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
  <メタ文字コード= "UTF-8"> 
  <タイトル>ドキュメント</ TITLE> 
</ HEAD> 
<スタイル> 
  .close { 
    背景:オレンジ; 
    赤色; 
    国境半径:12ピクセル; 
    行の高さ:20ピクセル; 
    テキスト整列:センター; 
    高さ:20ピクセル; 
    幅:20ピクセル; 
    フォントサイズ:18px; 
    パディング:1ピクセル。
    トップ:-10px; 
    右:-10px; 
    位置:絶対; 
} 
閉じるボタンとして/ *用いるクロス* / 
.close :: {前
    内容: "\ 2716"; 
} 
</スタイル> 
<身体>
  <DIVスタイル= "高さ:100pxに;幅:100pxに、境界:1ピクセルベタ黒;位置:相対;"> 
    <スパンクラス= "クローズ"> </スパン> 
</ div> 
</ body> 
</ HTML>

  

htmlファイル保存、あなたは直接効果を見ることができます。

おすすめ

転載: www.cnblogs.com/codedisco/p/12532172.html