3-D text box

I want to make a single cell table that looks like a textbox.  Meaning I want that 3D look.   How could I do this?
LVL 1
HLRosenbergerAsked:
Who is Participating?
 
Jagadishwor DulalBraces MediaCommented:
Try this one:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.boxtd{
	box-shadow: 1px 1px 2px #313131 inset;
    display: block;
    height: 30px;
    width: auto;
}
</style>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="boxtd">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Open in new window

0
 
Chris StanyonCommented:
You can add various border styles to your table cell. Like with margins and paddings, you can specifiy different border style / color / width etc for the 4 different sides. The border style can be solid, double, groove, inset, ridge etc. Here's the full spec on CSS borders:

http://www.w3schools.com/cssref/pr_border-style.asp

Have a play with this and see how you get on:

http://jsfiddle.net/ChrisStanyon/Ap4B7/
0
 
HLRosenbergerAuthor Commented:
jagadishdulal

Visual studio tells me box-shadow is not a known CSS property name.  but it seems to work anyway.
0
 
HLRosenbergerAuthor Commented:
thanks!
0
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.