如何在边框和边框内的对象之间添加空间

时间:2019-10-02 09:04:30

标签: html css bootstrap-4

我有使用HTML和CSS创建的小部件,看起来不错,但无法在“对象和边框”线之间添加一些空间。谁能帮我这个忙。

.solid { border-style: solid; }
<div class="solid">
 <div class="input-group">
  <input type="text" ng-model="c.data.message" class="form-control" aria-label="...">
  <div class="input-group-btn">
   <button type="submit" ng-click="c.add()" class="btn btn-primary">Search</button>
  </div>
 </div>
</div>

这是我当前的输出

Example

2 个答案:

答案 0 :(得分:0)

您可以像这样使用填充

.input-group{ padding: 10px;}

答案 1 :(得分:0)

在您的div中添加一个CSS类,需要对其进行填充

from lxml import html
from bs4 import BeautifulSoup as bs
from urllib.request import urlopen
from requests import Session

payload = {
    'username': "username",
    'password': "password"
}

login_URL = 'https://www.something.com/login'

request_url = 'https://www.something.com/overview'

with requests.Session() as session:
    post = session.post(login_URL, data=payload)
    r = session.get(request_url)
    print(r.text)
.solid { border-style: solid; }

.padded {
  padding: 10px
}