-2

Html を投稿できるブロガー用のテキスト ボックスが必要です - CSS コードとユーザーはそれらをコピーできます。例 =画像リンク

使いたい画像＝画像

コードが小さい場合はそれが欲しいです。自動的にこうなるはず＝画像

コードが長い場合、自動的に次のようになります= Image

私がそれを作ろうとしてコードを貼り付けると、それは恐ろしいものになります。

私のCSSコード:

#tbox1 {
    background:url(http://1.bp.blogspot.com/-i3AX6FFu9N8/UnYbGgMgYhI/AAAAAAAAA2k/SFv0kK7x6YI/s1600/Coding+Place+For+Blogger.png) no-repeat;
    width:500px;
    height:380px;
    margin:10px;
    padding:20px 40px;
    overflow:auto;
    word-wrap:nowrap;
    /*font styles*/
    font-family:'Open Sans', sans-serif;
    font-size:16px;
    /*1em*/
    color:#000000;
    line-height:20px;
}

HTMLコード

<div id="tbox1">Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code v</div>

JsFiddle で、実際に私に何が起こっているかを確認できます http://jsfiddle.net/e5nHr/

4

2 に答える 2

0

柔軟な高さが必要な場合は、背景の画像から境界線を削除し、CSS コードに挿入する必要があります。

border: 4px solid #000;
border-radius: 1em;

そのこと：http://jsfiddle.net/fUaXL/

于 2013-11-03T20:20:37.400 に答える
0

このコードを使用してください：[http://jsfiddle.net/e5nHr/8/]

もう1つの問題は、間違った画像を使用していることです。画像のオレンジ色の部分を使用し、CSSコードでエッジを実行する必要があります

于 2013-11-03T20:21:36.137 に答える