简体   繁体   中英

How do I increase the margin within a border using CSS3, so the border isn't so tightly wrapped?

I have aa div section that's styled like this:

.toppage {
border-style:double; 
border-width:3px;
}

The result looks like this:

页面顶部的边框

Is there anything I can add to the CSS that would increase the space between the border and the elements inside it (eg, the donate button), so that the border isn't hugging around the elements so tightly, and there's a little room to breathe?

Any guidance would be greatly appreciated.

Thanks!

Try this

.toppage {
    border-style:double; 
    border-width:3px;
    padding : 10px;
}

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM