컴퓨터, 프로그래밍
장식 밑줄 CSS 요소
기술 스타일 시트는 HTML-페이지의 디자인에서 두 가지 기능이 있습니다. 첫째, 도움, 사이트의 개별 요소의 형성 위치가있다. 둘째, 사용자에게 장치가 시각적으로 만든다. 두 번째 기능의 구현은 여러 가지 방법으로 발생합니다. 그 중 하나는 - 강조한다. CSS는이 속성 텍스트 - 장식을 제공합니다.
사양 속성 기록
텍스트 - 장식 속성은 간단합니다. CSS 파일의 코드에 등록 할 정도로, 항목의 다음 행
텍스트 - 장식 : znachenie_atributa;
대신 "의 znachenie_atributa»CSS 사양은 옵션을 제공합니다 :
- 밑줄 - 직접 텍스트 아래에있는 라인을;
- 오버 라인 - 라인 텍스트의 상단에서 실행;
- 없음 - 모든 장식 효과의 제거;
- 상속 - 부모 요소의 값을 채택한다.
이 속성은 CSS 밑줄 있지만, 이러한 "고장"취소 또는 텍스트와 같은 다른 효과뿐만 아니라, 지정로서 상기 동영상 촬영의 모든 가능한 형태 아니다.
디자인 하이퍼 링크의 예
웹 디자인 및 프로그래밍 초보자, 문제는 발생 : 왜 텍스트의 하단 라인을합니까? 인터넷 기술의 시대에 그의 앞에 하이퍼 링크는 사실에 대한 사용자의 할당이 방법의 새벽 - 어떤을 클릭하여, 텍스트 새 페이지로의 전환을 수행 할 것입니다.
기본적으로 하이퍼 링크 속성은 밑줄을 설정합니다. 실제로, 비활성 장치에서 줄을 제거하고 사용자가 마우스 포인터를 이동로 볼 수 있도록하는 문제가있는 것입니다. 여기에 밑줄 CSS 링크를 비활성화 코드의 예입니다 :
{텍스트 장식 : 없음; }
다음 항목을 사용하여 활성 링크의 경우 :
A : 가져가 {텍스트 장식 : 밑줄;}
고급 장식 밑줄
장식 텍스트 - 표준 속성은 몇 가지 제한 사항이 있습니다 :
- 링크 텍스트의 색상에서 다른 선 색상, 그들의 "색"을 구별하는 것은 불가능하다;
- 만 실선은 밑줄로 사용됩니다. CSS는 마크의 다른 스타일의 사용을 포함하지 않습니다.
그러나 특별한 기술이 우회에게 텍스트의 고전적인 모습을 도움이됩니다. 첫 번째 경우에, 선택 태그 을 이용하여 하이퍼 링크를 설정한다.
예를 들면 :
<= 스팬 스타일 "색상 : 블루 "> 하이퍼 링크
. >
그 결과, 하이퍼 링크는 파란색으로 기록 될 페이지에있는 단어와 라인의 색상은 빨간색으로 표시됩니다.
CSS 밑줄을 가능하게하는 또 다른 고급 방법, - 국경 바닥. 아래의 예는 사용을 보여
{국경 바닥 : 1 픽셀의 고체 빨간색;}
그 결과, 이전의 예에서와 동일하다. 그러나이 방법은 중요한 장점이있다. 선 색상 변화 이외에 (현재 설정된 빨간색 - 적색), 상기 방법 비문 변환 할 수있다 :
- 점 - 점을 강조한다;
- 점선 - 라인 스트로크로 구성;
- 더블 - 더블 선을 그립니다.
그래서, 테두리 - 바닥이 더 기능적 속성. 텍스트 아래 장식 라인의 표시 이외에, 그것은 가능 모양을 사용자 정의 할 수 있습니다.
Similar articles
Trending Now