[HTML] Tag (border:단락 경계선)

<style>

            p{

                width:500px;

                border:solid 5px #00ffff;

            }

        </style>

 

border solid -> 단락에 경계선 지정

border -> 상하좌우

border-top   border-bottom   border-left   border-right

option -> solid / dotted / dashed

 

 

 

 #login_box{

                width:200px;

                height:150px;

                background-color: #eeeeee;

                border:solid 1px #aaaaaa;

                border-radius:15px;

                box-shadow: 6px 6px 5px #888888;

                text-align: center;

            }

 

border-radius -> 둥근 정도

box-shadow -> 박스 그림자

 

 

 

p{

                width:400px;

                border:solid 5px #00ffff;

                padding:10px;

                margin:20px 40px 60px 80px;

            }

padding -> 안쪽여백

margin -> 바깥 여백 : px 순서는 12시 방향부터 시계방향으로