CSS for Chrome Browser Tabs Style

Hi all,

I am looking into styling some jquery tabs to look like Chrome Browser Tabs Style.

Does anyone have so styles for that or know on any links where I could find anything similar please?

Who is Participating?
GamesNET2Connect With a Mentor Commented:
Yeah for the styling, create an image for the left and right with a 1px slice in the middle, float the divs left and right to fill the gap  so they are expandable- http://www.alistapart.com/articles/slidingdoors/

If you can use fix widths for the tabs, then create a css sprite image  http://davidwalsh.name/css-sprites

Or were you looking for a ready-made solution?

This is great for showing you how to do it -


Could style it using the 'sliding doors' technique for adjustable widths and transparent slants at both ends with a darker background.

error77Author Commented:
I've got the tabs working already so the javascript part is fine.

What I'm looking for is the css part.

Hope this helps

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.