Rounded in Freeway (Image Inspector settings)
Rounded using the CSS3 Corners Action to write the CSS, then editing that code.
- Apply the Action to the photo, and set it for your desired corners.
- Preview the page into a text editor, or use View Source in a browser to find the CSS it wrote. (You'll recognize it by the attribute -webkit-border-radius.)
- Copy the entire style rule to the clipboard. (A style rule begins with the name of the thing it applies to, followed by a set of attributes inside curly braces, like this: p { font-style:normal }. You need to select the entire rule, but not any other rules to make this work.)
- Remove the Action from the photo.
- Open the Page / HTML Markup dialog, and choose Before </head> from the picker in the lower-left corner.
- Type in <style type="text/css">
- Paste in the style rule from the clipboard.
- Edit the selector (the part at the beginning of the style rule, outside of the curly braces) so that if it started with #item1a { it now begins with #item1a, #item1a img {
- Type in </style>
- Close the dialog and preview. Your image should now have rounded corners.