둥근
원리 및 문법
소자 배치를 추가 할 필요 반올림 경계 반경 속성을 설정 한 후, 원래의 정사각형으로 요소 둥근 모서리
사방 별도로 제공 될 수도있어서, 동시에 (왼쪽 아래, 즉 - 상위 오른쪽 - - 우측 하단 왼쪽의 순서로 설정 될 수있다 시계 값이없는 경우 기본값) 대각선 위치는 값과 동일한
별도로 설치하는 경우, 세로 쓰기 (상부 바닥 /), 왼쪽 쓰기 예로서, (왼쪽 / 오른쪽) 보더 좌상 반경
절대 값은 길이 (PX) / 백분율 (일 수있다 소자 높이 (기준의) / EM 브라우저 디폴트 폰트 크기 기준을위한) 등
경우
전후에 부가함으로써, 의사의 위치 및 위치 요소 박스와 유사한 버블 형성
(높은 열은 여기에서 설정하지만, 높은 라인의 상하 중앙에 결과가 표시되지 않음)
1 <! DOCTYPE html로 > 2 < HTML LANG = "EN" > 3 < 선두 > 4 < 메타 캐릭터 = "UTF-8" > 5 < 메타 이름 = "뷰포트" 콘텐츠 = "폭 = 기기 폭 초기 스케일 = 1.0" > 6 < 메타 HTTP-당량 = "X-UA 호환" 콘텐츠 = "즉 에지 =" > 7 < 타이틀 > 문헌 </ 타이틀 > 9 * { 여백 : 0 ; 패딩 : 0 ; } 10 div.origin { 11 폭 : 400 픽셀 ; 높이 : 150 픽셀 ; (12) 경계 : 5px 검은 고체 ; 13 보더 반경 : 50 % ; 14 텍스트 정렬 : 센터 ; 15 라인 높이 : 150 픽셀 ; 16 폰트 :대담 30 픽셀 '微软雅黑' ; 17 위치 : 절대 ; 상단 : 50 픽셀 ; 왼쪽 : 50 픽셀 ; 18 } 19 div.origin : 이전 div.origin : 후 { 20 함유량 : "" ; 21 폭 : 25 픽셀 ; 높이 : 25 픽셀 ; 22 국경 : 2 픽셀 검은 고체 ; 23 보더 반경 : 50 % ; 24 } 25 div.origin : 전 { 26 위치 : 절대 ; 최고 : 150 픽셀 ; 왼쪽 : 450 픽셀 ; 27 } 28 div.origin : 후 { 29 위치 : 절대 ; 최고 : 200 픽셀 ; 왼쪽 : 500 픽셀 ; 30 } 31 </ 스타일 > 32 </ 헤드 > 33 < 본문 > 34 <DIV의 클래스 = "원산지" > 시작 </ DIV > 35 </ 바디 > 36 </ HTML >
그림자 상자
원리 및 문법
그림자를 추가하는 데 필요한 요소를 첨가 할 수있다 상자 그림자 하여 복수 / 그림자 박스의 설정, 등록을
포함 설정할 수있는 6 개 가지 특성 값이있다 :
그림자
모두 수평 및 수직 방향 모두 포함 오프셋, 즉, 원래의 소자에 대하여는 하부 / 우측 양수, 음수 일 수
흐림
점차적 그림자 테두리 색상 그늘에서 페이드 천이 집합의 길이 단위는 픽셀 일 수있다 음수
전파
테두리에 그림자의 원래 확대에 기초하여, 모두 수직 및 수평으로 확장 된 값으로 설정
색깔
그림자 색
삽입 / 처음
내부 그림자 속으로, 기본 값 없음 (설정되지 않음)
사진 국경
원리 및 문법
즉, 화소의 경계이며
다섯 개 가지 속성을 포함 :
출처
즉, 화상 경로, 상대 주소 설정 / 절대 주소 URL은, 없음 (에 제공 될 수있다 기본값 )
일부분
내측 값 / % / 충전 될 수 오프셋 화상 경계의 정량 ()
일반적인 사진은 아래 도시 된 바와 같이,도 9 (도 100.9 컷법) 절단하지만, 9하지 기본 경계 중간 화상 될 네 만 1-4
당신이 채울 설정하면, 9가 나타납니다 중간 부분은 갈 프레임의 가장자리로 밀려
폭
이미지 경계 폭 값 / % / 채우도록 설정 될 수 지정
시초
참조, 지정된 값의 길이의 외측으로 팽창, PX / 고정 값의 값과 경계의 폭
반복
사진 프레임을 반복 여부, 당신은 반복 (반복), 스트레칭 (둥근) 커버 (스트레칭), 설정할 수 있습니다 초기 (기본) 또는 상속 (상속)