How to create round corners on a Spry tabbed panel in Dreamweaver CS5

Written by stephen byron cooper Google
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to create round corners on a Spry tabbed panel in Dreamweaver CS5
Dreamweaver is an Adobe Systems product. (Adobe Systems Incorporated)

The website development tool Dreamweaver comes with a number of preset objects that you can add to the design of a page or website. The “spry tabbed panel” is one such feature. This is layout method splits up the display of information into several pages within a panel. The active page is determined by which of the tabs along the top of the panel is active. The object is easy to insert and you can round its corners through the settings options.

Skill level:
Moderately Easy


  1. 1

    Open a project in Adobe Dreamweaver CS5. Click “Insert” in the menu bar. Select “Spry” and then “Spry Tabbed Panels.” This creates a panel with two tabs by default.

  2. 2

    Look through the CSS Style Panel. If you don’t see it, click “Window” on the menu bar and select “CSS Styles.” Click “Add Property” and select “border-radius” from the list of options.

  3. 3

    Click the plus sign next to the “border-radius” property. You need to enter four figures, one for each corner of the box. The radius represents the degree of rounding on the box and is measured in pixels. The four values represent the box corners in the following order: top-left, top-right, bottom-right, bottom-left. An example would be “5px 6px 5px 6px” in the value field.

  4. 4

    You can enter one value in the border-radius property (a number followed by “px”) and then select “Same For All” to make all corners of the box rounded to the same degree.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.