« Back to the HTML Forum

How to round the corners of the boxes ? [closed]

Posted by ManaficentRose

posted

Forum: HTML Group

I've only found codes that round pictures not boxes :( Does anyone know how to do that ?


Report Topic

3 Replies

Sort Replies:

Reply by Jenny jean

posted

Heyy the admin of the group heath hade put a link to a website for costume scroll box u could adjust it buy Border Thickness and Border Radius 

Example:

<div class="scrollbox-outer" style="width: 100%; background: #ffffff; border: 2px solid #000000; border-radius: 48px; overflow: hidden; box-sizing: border-box; background-clip: padding-box;">

  <div class="scrollbox-inner" style="height: 250px; max-height: 250px; min-height: 60px; padding: 7px; color: #000000; background: transparent; border-radius: 46px; scrollbar-color: #888888 #eeeeee; scrollbar-width: thin; background-clip: padding-box; overflow-y: scroll; overflow-x: hidden; text-align: left;">



Your Text Here!<br>

Click Here To Edit This Text!<br>


  </div>

</div>


<style>

.scrollbox-inner::-webkit-scrollbar {

  width: 10px;

  background: #eeeeee;

}

.scrollbox-inner::-webkit-scrollbar-thumb {

  background: #888888;

  border-radius: 46px;

}

.scrollbox-inner::-webkit-scrollbar-track {

  background: #eeeeee;

  border-radius: 46px;

}

</style>

The link if you need it https://hessostrange.neocities.org/scrollboxgenerator or just go to groups home page. Hope this helps 



Permalink Report Reply

Reply by heath

posted

rounding corners of anything will be this code:

border-radius: 10px !important;

you can add that to div boxes, photos, tables, etc. and change the 10 to whatever you would like.


Permalink Report Reply

Reply by ManaficentRose

posted

thanks for the replies !


Permalink Report Reply

ManaficentRose closed this Forum Topic