How to Set Rounded Corners on Boxes
STUDIO offers a "rounded corner" feature that allows you to soften the edges of boxes. This can add a touch of elegance to your design or help emphasize specific elements.
Use Cases for Rounded Corners
Button Design: Create a more clickable appearance
Image Boxes: Add a softer look to photos or illustrations
Methods to Adjust Rounded Corners
There are two main ways to adjust rounded corners:
Edit all four corners at once
Edit each corner individually
Helpful Shortcuts
Hold Shift while moving anchor points to change values in multiples of 10
Hold Option (Alt on Windows) while adjusting to switch between group and individual editing
How to Edit All Corners at Once
Select the box
Adjust using one of these methods:
Drag the anchor point (adjustment handle) in the top-left corner of the box selection frame
Choose "Adjust All" in the "Rounded Corners" section of the style bar and enter a value
How to Edit Corners Individually
Select the box
Adjust using one of these methods:
Drag the anchor points at each corner of the box selection frame
Choose "Adjust Individually" in the "Rounded Corners" section of the style bar and enter values for each corner
border-radius radius 丸 円 楕円 丸み