How could you achieve this thick border in css?

Question

Something in the lines of this

I want the border to be around text, but also table cells like you were doing a tic/tac/toe board

thanks

Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include **attempted solutions**, **why they didn't work**, and the expected results. — showdev, Sep 17 '13 at 19:02

score 1 · Answer 1 · answered Sep 17 '13 at 19:12

1

I believe what you are showing there is a text-shadow.

#element {
color: yellow;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

You could basically use that same code for your tic-tac-toe board. Hope that helps.

answered Sep 17 '13 at 19:12

Jesse Hernandez

By the way, this question had been asked here and answered. I just can't add comment since I am under 50 points. – Jesse Hernandez Sep 17 '13 at 19:14

score 1 · Accepted Answer · answered Sep 17 '13 at 19:14

1

You will need to create several text-shadows. See this for example:

text-shadow: 3px 3px #F27405, -3px -3px #F27405, 3px -3px #F27405, -3px 3px #F27405;

answered Sep 17 '13 at 19:14

Daniel Schwarz

http://jsfiddle.net/U3Fkc/1/ – Heather McVay Sep 18 '13 at 03:50
http://jsfiddle.net/GGUYY/128/ thanks interesting stuff – Heather McVay Sep 18 '13 at 04:05

2 Answers2