この方法の一つ:
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
;
|
以下に例示します
-
作成HTML要素
1234<
div
>
<
span
class
=
"title"
>我是边框上的文字</
span
>
<
span
>我是边框内的文字</
span
>
</
div
>
-
設定するCSSスタイル
12345678910111213141516div{
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:
<フィールドセット>
<伝説>テキスト</レジェンド>
<P> KKKK </ P>
</ fieldsetの>
この旅行