0

ドリブルでこの画像を見ました。CSS でこの効果を作成するにはどうすればよいですか? 2 つの入力フィールドがほぼマージされており、それらの間に全幅ではない仕切りがあることを指しています。

ここに画像の説明を入力

4

1 に答える 1

3

このようなもの:

#inputwrap {
    border: 1px solid #aaa;
    background: #fff;
    width: 180px;
    padding: 10px;
    margin: 20px;
}
#inputwrap input {
    border: none;
    width: 160px;
    padding: 5px 10px;
    outline: none;
}
#inputwrap input:first-child {
    border-bottom: 1px solid #aaa;
}

http://jsfiddle.net/2tHfG/

于 2013-02-13T03:05:02.153 に答える