CSSの境界にテキストを書き込む方法?

この方法の一つ:

index.htmlを:1.まず、例えば新しいHTMLファイルを作成し、HTMLエディタを開きます。

2、index.htmlを<body>タグで、HTMLコードを入力します。

<divのスタイル= "マージントップ:30px;幅:200pxの;高さ:80px;国境:1pxのソリッドブルー;">

<divのスタイル= "の位置:絶対;左:30px;トップ:15ピクセル;">文字</ div>

</ div>

3、ブラウザの実行index.htmlページは、その後、国境開放隅の表示テキストを実現しました。

 

 

 

 

方法2:

これは、ことによって達成されるの相対的な位置決めを達成するためにdivの上に正確国境での方法の要素

1
position : relative ;

以下に例示します

  1. 作成HTML要素

    1
    2
    3
    4
    < div >
         < span  class = "title" >我是边框上的文字</ span >
         < span >我是边框内的文字</ span >
    </ div >
  2. 設定するCSSスタイル

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    div{
         width : 200px ;
         height : 100px ;
         padding : 5px  30px ;
         margin : 50px ;
         border : 4px  solid  #ebcbbe ;
    }
    span.title{
         display : block ;
         width : 150px ;
         height : 30px ;
         position : relative ;
         top : -15px ;
         text-align center ;
         background white ;
    }
  3. ディスプレイを観察

 

方法3:

<フィールドセット>
<伝説>テキスト</レジェンド>
<P> KKKK </ P>
</ fieldsetの>
この旅行

 

 

 

おすすめ

転載: www.cnblogs.com/Antwan-Dmy/p/11798950.html