1. 즉, 처음에 어느부분에 보더를 쓸건지 생각하고 border: ←요케 씁니다.
2. 그다음은 px로 얼만큼 두께를 쓸건지 지정해요.
3. 그리고 다음엔 보더를 어떤 형식으로 어떤 스타일로 쓸건지 정합니다. 종류는 아래와 같습니다.
① none : 보더가 없다는 뜻으로 전체에 보더 적용하고 특정부분만 빼고싶을 경우 자주 쓰는 방식입니다.
② hidden : 말 그대로 보더를 숨깁니다. 위의 없는 것과 숨기는 것은 비슷해 보이지만 차이가 있습니다.
③ dotted : 말 그대로 땡땡이 쪼만한 동글뱅이들이 보더 주변을 점으로 메꿔줍니다.
④ dashed : solid 다음으로 가장 많으 쓰는 것이라 봅니다. 이는 점선으로 세련되게 표현해줍니다.
전 이아이를 굉장히 자주 활용해요.
⑤ solid : 말 그대로 배끄럽게 꽉 채워진 선으로 표현.
⑥ double : 두 줄로
⑦ groove : 보더를 오목 표시
⑧ ridge : 보더를 볼록 표시
⑨ inset : 내용을 오목입체로 표시
⑩ outset : 내용을 볼록입체로 표시
4. 다음 색상 넣어줍니다. red, blue, pink 머 아님 #ddd, #fff900 요렇게요~
5. 그리고 닫아줍니다. ; ←이아이로
그럼 요런식으로 ex) border:1px solid pink;, border-bottom:1px dashed #ddd;
[출처] border에 스타일 입히기|작성자 엉이