I would recomend using a combination of the border and box-shadow attributes.
That way, you will not have to worry if the size of the button changes. Here's a quick example: .button ( border:2px solid white; box-shadow:0 0 3px 0 red; background:red; color:white;) Then the red should be on the outside of the white, similar to your sample. Won't work in older versions of ie , but flexible otherwise . Here's a link for more info : http://www.css3.info/preview/box-shadow/. (side note : the css example should have brackets not parentheses.. but I don't have that key on my phone ) Hope that's helpful ! Michelle On Jun 27, 2012 6:21 PM, "Russ Peters" <rpet...@redcanoecu.com> wrote: > Hi Folks, > I'm working on designing a button style for all web forms on our site. > Our marketing dept created some buttons made from images and they'd like > the web form buttons to look similar. My quick question to you all is it > possible to make this in CSS? > > The image can be found here: > http://redcanoe.dev4.l9.com/media/img/body_photo_Request_PIN_btn.jpg > > How would you create that white stripe around the outside of the button > using CSS? Looks like it would be hard to use a background image due to > never knowing exactly how wide the button might be depending on what text > you had on it. > > Any ideas? > > Thanks, > > Russ > </pre> > <font size = 1> > This electronic mail message and attachments (if any) are confidential and > legally privileged. <br />The information is intended solely for the > addressee(s). If you have received this email in error, <br /> please > contact the sender and delete all copies of it. Any unauthorized use or > disclosure may be unlawful. > </font> > <pre> > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
