웹 프론트엔드 CSS 튜토리얼 CSS 스타일을 사용하지 않고 Dw의 테이블에 얇은 테두리를 추가하는 방법

CSS 스타일을 사용하지 않고 Dw의 테이블에 얇은 테두리를 추가하는 방법

Jun 21, 2018 pm 03:52 PM
dreamweaver 다음에 추가 시트

이 글에서는 주로 CSS 스타일을 사용하지 않고 Dw에서 테이블에 가는 선을 추가하는 방법을 소개합니다. 이는 특정 참조 가치가 있으므로 이제 공유합니다. 필요한 친구들이 참조할 수 있습니다.

CSS로 가는 선을 추가할 수 있습니다. 필요없습니다. 이 글에서는 CSS를 사용하지 않고 표에 얇은 선을 추가하는 방법을 소개합니다

저는 최근에 웹사이트를 만들기 위해 Dreamweaver를 배우고 있는데 표의 테두리 설정에 대해 공부하고 있습니다. 즉, 테두리를 1로 설정하면 CSS 스타일을 사용하지 않고 테이블에 얇은 테두리를 추가할 수 있기를 바랍니다. 그림과 같이 정말 보기 흉합니다.


효과: CSS 스타일을 사용하지 않고 Dw의 테이블에 얇은 테두리를 추가하는 방법

혹시 좋은 방법이 없을까요? 온라인으로 오랫동안 찾아봤는데 대부분 스타일에 대해 이야기를 나누는 편인데 저도 아직 배우지 못했습니다. 매우 좋은 스타일이 많이 있다는 것을 알고 있습니다. 풍부한 표, 점선, 이중선 등으로 설정할 수 있지만 스타일을 잘 알아야하며 나중에 연습을 통해 방법을 찾았습니다. 하하, 여기서는 CSS 스타일로 구현할 필요가 없는 가장 간단한 방법에 대해 이야기하고 있습니다. 주의하시기 바랍니다. 저는 단지 작은 개인적인 방법에 대해 이야기하고 있으며 기술은 말할 것도 없습니다. CSS 스타일을 사용하지 않고 Dw의 테이블에 얇은 테두리를 추가하는 방법테두리를 0으로, 간격을 1로, 패딩을 0으로 설정하면 된다는 것을 알았습니다. 그런 다음 테이블의 배경색을 테두리에 원하는 색상으로 설정하고 내부 색상을 설정할 수 있습니다. 페이지 배경색과 동일하게 합니다. 그림과 같이:

설정:


表格CSS 스타일을 사용하지 않고 Dw의 테이블에 얇은 테두리를 추가하는 방법 효과:


여기서는 테이블의 배경을 파란색(#0000FF)으로 설정하고 테이블 내부를 흰색으로 설정했습니다. 表格CSS 스타일을 사용하지 않고 Dw의 테이블에 얇은 테두리를 추가하는 방법

<table  bgcolor="#0000FF" width="300" border="0" cellpadding="0" cellspacing="1">
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
 <td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
로그인 후 복사

이런 식으로 CSS 스타일을 사용하지 않고 테이블에 얇은 테두리를 추가해도 괜찮습니다. 스타일 없이도 가능합니다.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

관련 권장 사항:

CSS3을 사용하여 다채로운 진행률 표시줄 스타일을 만드는 방법


CSS3의 모양 속성을 사용하여 요소의 모양을 변경하는 방법


CSS3 사용자 정의 스크롤을 구현하는 방법 바 스타일


위 내용은 CSS 스타일을 사용하지 않고 Dw의 테이블에 얇은 테두리를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

드림위버에서 텍스트 위치를 조정하는 방법 드림위버에서 텍스트 위치를 조정하는 방법 Apr 09, 2024 am 02:24 AM

Dreamweaver에서 텍스트 위치 조정은 다음 단계에 따라 완료할 수 있습니다. 텍스트를 선택하고 텍스트 위치 조정기를 사용하여 가로 조정을 수행합니다. 왼쪽 정렬, 오른쪽 정렬, 가운데 정렬 2. 세로 조정 수행: 위쪽 정렬, 아래쪽 정렬, 세로; 3. Shift 키를 누르고 화살표 키를 사용하여 위치를 미세 조정합니다. 4. 바로 가기 키를 사용하여 빠르게 정렬합니다. 왼쪽 정렬(Ctrl/Cmd + L), 오른쪽 정렬(Ctrl/Cmd + R), 가운데 정렬 (Ctrl/Cmd + C).

Dreamweaver 웹페이지 제작에 비디오를 추가하는 방법 Dreamweaver 웹페이지 제작에 비디오를 추가하는 방법 Apr 09, 2024 am 01:42 AM

Dreamweaver를 사용하여 비디오 포함: 비디오 요소를 삽입합니다. 동영상 파일을 선택하여 업로드하세요. 비디오 유형, URL, 크기, 자동 재생 및 컨트롤을 설정합니다. 영상을 삽입하세요. 선택 사항: 비디오 모양을 사용자 정의합니다.

드림위버에서 줄 간격을 조정하는 방법 드림위버에서 줄 간격을 조정하는 방법 Apr 09, 2024 am 03:00 AM

Dreamweaver에서 줄 간격 조정은 텍스트를 선택하고, 단락 패널을 열고, 줄 간격 옵션을 조정하고, 마지막으로 확인을 클릭하여 변경 사항을 적용하는 4단계 과정으로 이루어집니다.

드림위버에 그림을 추가하는 방법 드림위버에 그림을 추가하는 방법 Apr 09, 2024 am 03:30 AM

Dreamweaver에 그림을 삽입하려면 삽입 메뉴를 클릭하고 이미지를 선택한 다음 그림 파일을 찾아 선택합니다. 다른 방법으로는 파일을 끌어서 놓거나 HTML 코드를 직접 삽입하는 방법이 있습니다. 속성 조정에는 크기 변경, 정렬, 테두리 추가 및 대체 텍스트 입력이 포함됩니다.

Dreamweaver 웹페이지를 만든 후 내보내는 방법 Dreamweaver 웹페이지를 만든 후 내보내는 방법 Apr 09, 2024 am 01:27 AM

Dreamweaver에서 웹 페이지를 내보내려면 다음 단계가 필요합니다. HTML 파일 내보내기: 파일 메뉴에서 내보내기를 선택하고 HTML을 선택한 다음 파일 이름과 위치를 선택하고 저장을 클릭합니다. CSS 및 JavaScript 파일 내보내기: 파일 메뉴에서 내보내기를 선택하고 CSS 또는 JavaScript를 선택한 다음 파일 이름과 위치를 선택하고 저장을 클릭합니다. 이미지 내보내기: 이미지를 마우스 오른쪽 버튼으로 클릭하고 "내보내기"를 선택한 다음 이미지 형식과 파일 이름을 선택하고 "저장"을 클릭합니다.

드림위버 글꼴을 설정하는 방법 드림위버 글꼴을 설정하는 방법 Apr 09, 2024 am 02:54 AM

속성 패널을 사용하여 글꼴, 크기 및 색상을 선택하여 Dreamweaver에서 글꼴을 설정할 수 있습니다. CSS를 사용하여 전체 웹사이트 또는 특정 요소에 대한 글꼴을 설정하세요. "font" 태그를 사용하여 HTML 코드에서 직접 글꼴을 설정하세요.

웹 디자인 소프트웨어 Dreamweaver를 중국어로 설정하는 방법 웹 디자인 소프트웨어 Dreamweaver를 중국어로 설정하는 방법 Apr 09, 2024 am 12:39 AM

Dreamweaver를 중국어로 설정하려면 다음 단계를 따르십시오. Dreamweaver를 열고 환경 설정에서 사용자 인터페이스 언어를 중국어 간체 또는 중국어 번체로 변경하고 Dreamweaver 도움말 메뉴 항목을 확인하여 언어 설정을 확인하십시오.

드림위버에서 텍스트 크기를 설정하는 방법 드림위버에서 텍스트 크기를 설정하는 방법 Apr 09, 2024 am 02:18 AM

Dreamweaver에서 텍스트 크기를 설정하려면 다음과 같이 하십시오. 텍스트를 선택하십시오. 텍스트 메뉴로 이동하십시오. 글꼴 크기를 선택하십시오. 원하는 크기를 선택하십시오. 저장하려면 Enter를 누르십시오.

See all articles