How to show two sides of container?

HTML & CSS
1

When I choose a size and color for a border of a <div> container the code looks like what I have below. All four sides of the container have a 1px thick black line border. How can I just have only two sides with a 1px black line and the other two sides with no line border?

#generic-container123 {
  border: 1px solid #000000;
  width:900px;
  height:700px;
  float:center;
  margin:0px 0px 0px 0px; 
  padding: 0px 7px 0px 7px;
  background:#ffffff;
}
2

Add:


border-width: top right bottom left

and replace those words with your widths. (Not it also works where if you have one value for all sides, two values for top-bottom right-left and three for top right-left bottom).

3

You would do something like this:

#generic-container123 {
  [COLOR="Red"]border: solid #000000;
  border-width: 1px 0;[/COLOR]
  width:900px;
  height:700px;
  float:center;
  margin:0px 0px 0px 0px; 
  padding: 0px 7px 0px 7px;
  background:#ffffff;
}

Of course, there are many variations. All I’ve done is remove the border-width from the shorthand rule and added it in separately.