html - how can i make my webpages buttons look like those of facebook buttons? -
could please share script here make webpage buttons , feel of facebook or @ least extent. in advance. i'm curious know because has been 7 days trying so, of css, had not succeeded. please me.
i'd recomment use tool chrome development tools or web development tools firefox , inspect button style want mimic. found button on facebook , seems they're using label container stylesheet:
webkit-box-shadow: rgba(0, 0, 0, 0.046875) 0px 1px 0px 0px; background-attachment: scroll; background-clip: border-box; background-color: #ddd; background-image: none; background-origin: padding-box; border-bottom-color: #999; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #999; border-left-style: solid; border-left-width: 1px; border-right-color: #999; border-right-style: solid; border-right-width: 1px; border-top-color: #999; border-top-style: solid; border-top-width: 1px; color: #666; cursor: pointer; direction: ltr; display: inline-block; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font-weight: bold; height: 16px; line-height: normal; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-y: visible; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; padding-top: 2px; text-align: center; text-decoration: none; unicode-bidi: normal; vertical-align: top; white-space: nowrap; width: 67px;
just have @ usefull addons can tell see how others made css.
cheers!
Comments
Post a Comment