<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>5 cách gạch chân trong Word</title>
<meta name="description" content="5 cách gạch chân trong Word - Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;5-cach-gach-chan-trong-word-5308.html">
<meta name="author" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :.">
<meta name="copyright" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :. [admin@nguoicodonvn2008.info]">
<meta name="robots" content="index, archive, follow, noodp">
<meta name="googlebot" content="index,archive,follow,noodp">
<meta name="msnbot" content="all,index,follow">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="5 cách gạch chân trong Word">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;5-cach-gach-chan-trong-word-5308.html">
<meta property="og:site_name" content=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.">
<meta property="og:url" content="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/5-cach-gach-chan-trong-word-5308.html">
<link rel="shortcut icon" href="https://www.nguoicodonvn2008.info/favicon.ico">
<link rel="canonical" href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/5-cach-gach-chan-trong-word-5308.html">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/karaoke-dual/" title="Tin Tức - Karaoke Dual" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nhac-tre/" title="Tin Tức - Nhạc trẻ" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tru-tinh/" title="Tin Tức - Trữ tình" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nuoc-ngoai/" title="Tin Tức - Nước ngoài" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/remix/" title="Tin Tức - Remix" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tam-su-tinh-yeu/" title="Tin Tức - Tâm sự tình yêu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tho-suu-tam/" title="Tin Tức - Thơ sưu tầm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/cuoc-song/" title="Tin Tức - Cuộc sống" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/phan-mem/" title="Tin Tức - Phần mềm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/kien-thuc-may-tinh/" title="Tin Tức - Kiến thức máy tính" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/hoc-tap/" title="Tin Tức - Học tập" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tai-lieu/" title="Tin Tức - Tài liệu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/de-thi/" title="Tin Tức - Đề thi" type="application/rss+xml">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">.&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.</h2>
		<p class="pull-right"><a title=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;." href="https://www.nguoicodonvn2008.info/">https://www.nguoicodonvn2008.info</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>5 cách gạch chân trong Word</h1>
		<ul class="list-inline">
			<li>Thứ sáu - 18/03/2022 23:29</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
		</div>
				<div class="imghome">
			<img alt="5 cách gạch chân trong Word" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-1.jpg" width="460" class="img-thumbnail" />
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<p style="text-align: justify;">Gạch chân chữ trong Word có rất nhiều cách thực hiện khác nhau và nhiều kiểu gạch chân, tùy theo nhu cầu thiết kế tài liệu của người dùng. Chẳng hạn bạn cần gạch chân dưới chữ nhưng có khoảng cách,&nbsp;gạch chân chữ nét đứt trong Word,... Bài viết dưới đây sẽ hướng dẫn bạn các cách gạch chân chữ trong Word.</p>

<h2 style="text-align: justify;">&nbsp;</h2>

<h2 id="mcetoc_1fub2arik28n" style="text-align: justify;">1. Gạch chân trong Word cả dấu cách</h2>

<p style="text-align: justify;">Gạch chân chữ trong Word gồm dầu cách có nghĩa là nội dung bạn chọn bao gồm cả dấu cách cũng sẽ được gạch chân liền nhau mà không bị đứt đoạn.</p>

<p style="text-align: justify;">Rất đơn giản, chúng ta chỉ cần&nbsp;<strong>bôi đen vào nội dung cần gạch chân</strong>, rồi nhấn tổ hợp phím&nbsp;<strong>Ctrl + U trên Windows hoặc Control + U trên Mac</strong>&nbsp;để gạch chân là được.</p>

<p style="text-align: justify;">Thao tác này cũng tương tự khi bạn nhấn vào biểu tượng gạch chân trong mục Font.</p>

<p style="text-align: justify;"><img alt="Gạch chân chữ Word cả dấu cách" data-i="0" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-1.jpg" data-was-processed="true" height="341" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-1.jpg" width="593" /></p>

<h2 id="mcetoc_1fub2arik28o" style="text-align: justify;">2. Gạch chân trong Word từng từ</h2>

<p style="text-align: justify;">Gạch chân chữ trong Word từng từ sẽ bỏ qua dấu cách trong nội dung mà bạn cần gạch chân, nhưng sẽ cần nhiều thao tác hơn so với cách gạch chân thông thường.</p>

<p style="text-align: justify;"><strong>Bước 1:</strong></p>

<p style="text-align: justify;">Bôi đen nội dung mà cần gạch chân rồi nhấn chuột phải chọn vào&nbsp;<strong>Font</strong>.</p>

<p style="text-align: justify;"><img alt="Chọn Font trong Word" data-i="1" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-2.jpg" data-was-processed="true" height="515" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-2.jpg" width="329" /></p>

<p style="text-align: justify;"><strong>Bước 2:</strong></p>

<p style="text-align: justify;">Chuyển sang giao diện mới, tại&nbsp;<strong>phần Underline Style&nbsp;</strong>chúng ta sẽ&nbsp;<strong>chọn kiểu Words only</strong>&nbsp;để lựa chọn cách gạch chân chỉ từng từ. Ngay bên dưới bạn sẽ nhìn thấy nội dung gạch chân xem trước như nào, nhấn OK để áp dụng.</p>

<p style="text-align: justify;"><img alt="Chọn Words only trong Word" data-i="2" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-3.jpg" data-was-processed="true" height="510" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-3.jpg" width="521" /></p>

<p style="text-align: justify;">Kết quả đoạn văn bản đã gạch chân không dấu cách dưới đây.</p>

<p style="text-align: justify;"><img alt="Gạch chân từng từ trong Word" data-i="3" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-4.jpg" data-was-processed="true" height="327" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-4.jpg" width="615" /></p>

<h2 id="mcetoc_1fub2arik28p" style="text-align: justify;">3. Cách gạch chân trong Word dưới khoảng trống</h2>

<p style="text-align: justify;">Đây là kiểu khi bạn gạch chân trong Word thì sẽ tạo một khoảng cách giữa chữ và dấu gạch chân.</p>

<h3 id="mcetoc_1fub2arik28q" style="text-align: justify;">Sử dụng Tab kẻ dấu gạch chân dưới khoảng trống</h3>

<p style="text-align: justify;"><strong>Bước 1:</strong></p>

<p style="text-align: justify;">Rất đơn giản, trước hết bạn nhìn lên thanh thước kẻ rồi&nbsp;<strong>nhấn phím Tab</strong>&nbsp;và&nbsp;<strong>click chuột vào thước kẻ để tạo các điểm dừng Tab</strong>, tương ứng với chiều dài của gạch chân cần dùng.</p>

<p style="text-align: justify;"><img alt="Tạo điểm dừng Tab" data-i="4" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-9.jpg" data-was-processed="true" height="200" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-9.jpg" width="574" /></p>

<p style="text-align: justify;"><strong>Bước 2:</strong></p>

<p style="text-align: justify;">Sau đó bạn dùng chuột trái,&nbsp;<strong>kéo 1 đường qua các điểm dừng tab&nbsp;</strong>như hình dưới đây.</p>

<p style="text-align: justify;"><img alt="Kẻ đường thẳng qua điểm dừng Tab" data-i="5" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-10.jpg" data-was-processed="true" height="233" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-10.jpg" width="583" /></p>

<p style="text-align: justify;">Cuối cùng nhấn vào&nbsp;<strong>biểu tượng gạch chân</strong>&nbsp;để tạo gạch chân dưới khoảng trống như hình dưới đây.</p>

<p style="text-align: justify;"><img alt="Tạo gạch chân khoảng trắng" data-i="6" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-11.jpg" data-was-processed="true" height="311" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-11.jpg" width="563" /></p>

<h3 id="mcetoc_1fub2arik28r" style="text-align: justify;">Tạo gạch chân dưới khoảng trống bằng Bảng</h3>

<p style="text-align: justify;"><strong>Bước 1:</strong></p>

<p style="text-align: justify;">Trước hết chúng ta sẽ&nbsp;<strong>kẻ bảng với kích thước là 1 ô</strong>. Khi đó sẽ hiển thị bảng như dưới đây, chúng ta nhấn chuột phải vào bảng rồi chọn&nbsp;<strong>Table Properties</strong>.</p>

<p style="text-align: justify;"><img alt="Kẻ bảng trong Word" data-i="7" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-5.jpg" data-was-processed="true" height="200" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-5.jpg" width="640" /></p>

<p style="text-align: justify;"><strong>Bước 2:</strong></p>

<p style="text-align: justify;">Trong giao diện tùy chỉnh, chúng ta nhấn vào&nbsp;<strong>tab Table</strong>&nbsp;rồi chọn tiếp&nbsp;<strong>Borders and Shading</strong>&nbsp;ở phía bên dưới.</p>

<p style="text-align: justify;"><img alt="Borders and Shading" data-i="8" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-6.jpg" data-was-processed="true" height="444" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-6.jpg" width="425" /></p>

<p style="text-align: justify;"><strong>Bước 3:</strong></p>

<p style="text-align: justify;">Chuyển sang giao diện mới, chúng ta sẽ<strong>&nbsp;loại bỏ đường viền cạnh và trên cùng</strong>, chỉ&nbsp;<strong>để lại đường viền bên dưới của bảng</strong>. Nhấn OK để áp dụng.</p>

<p style="text-align: justify;"><img alt="Loại bỏ đường viền" data-i="9" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-7.jpg" data-was-processed="true" height="413" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-7.jpg" width="530" /></p>

<p style="text-align: justify;">Kết quả sẽ hiển thị gạch chân dưới khoảng trống như hình dưới đây.</p>

<p style="text-align: justify;"><img alt="Gạch chân dưới khoảng trống" data-i="10" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-8.jpg" data-was-processed="true" height="284" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-8.jpg" width="601" /></p>

<h2 id="mcetoc_1fub2arik28s" style="text-align: justify;">4. Đổi định dạng gạch Word: gạch chân nét đứt, zích zắc,..</h2>

<p style="text-align: justify;">Khi bạn thực hiện gạch chân trong Word gồm khoảng cách thì chỉ cần&nbsp;<strong>nhấn vào biểu tượng chữ U</strong>&nbsp;để thay đổi lại định dạng nét đứt.</p>

<p style="text-align: justify;"><img alt="Đổi định dạng gạch chân" data-i="11" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-12.jpg" data-was-processed="true" height="329" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-12.jpg" width="607" /></p>

<p style="text-align: justify;">Hoặc bạn cũng có thể nhấn chuột phải vào Font tạo kiểu gạch chân từng chữ, sau đó thay đổi lại kiểu gạch chân trong mục Underline style.</p>

<p style="text-align: justify;"><img alt="Đổi định dạng gạch chân trong Fonts" data-i="12" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-13.jpg" data-was-processed="true" height="507" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-13.jpg" width="520" /></p>

<p style="text-align: justify;">Với kiểu sử dụng bảng thì phải truy cập lại&nbsp;<strong>Table Properties</strong>&nbsp;rồi chọn&nbsp;<strong>Borders and Shading&nbsp;</strong>để thay đổi.</p>

<p style="text-align: justify;"><img alt="Đổi định dạng gạch chân của bảng" data-i="13" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-14.jpg" data-was-processed="true" height="408" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-14.jpg" width="529" /></p>

<h2 id="mcetoc_1fub2arik28t" style="text-align: justify;">5. Hướng dẫn xóa gạch chân trong Word</h2>

<p style="text-align: justify;">Xóa gạch chân trong Word thì bạn nhấn lại vào&nbsp;<strong>biểu tượng chữ U gạch chân để bỏ</strong>, hay dùng phím tắt Ctrl + U trên Windows hoặc Control + U trên Mac.</p>

<p style="text-align: justify;">Trong&nbsp;<strong>giao diện Font</strong>&nbsp;thì chúng ta&nbsp;<strong>nhấn vào None&nbsp;</strong>để loại bỏ gạch chân.</p>

<p style="text-align: justify;"><img alt="Bỏ gạch chân trong Font" data-i="14" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-15.jpg" data-was-processed="true" height="506" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-15.jpg" width="522" /></p>

<p style="text-align: justify;">Nếu dùng phương pháp&nbsp;<strong>tạo bảng kẻ gạch chân trong Word</strong>, bạn&nbsp;<strong>bôi đen vùng kẻ ngang đó</strong>&nbsp;rồi chuột phải chọn&nbsp;<strong>Delete Table</strong>.</p>

<p style="text-align: justify;"><img alt="Xóa gạch chân trong bảng" data-i="15" data-src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-16.jpg" data-was-processed="true" height="313" src="https://st.quantrimang.com/photos/image/2022/03/17/Word-gach-chan-chu-16.jpg" width="561" /></p>
		</div>
				<div id="author">
						<p>
				<strong>Nguồn tin:</strong>
				Quantrimang.com
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/5-cach-gach-chan-trong-word-5308.html" title="5 cách gạch chân trong Word">https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/5-cach-gach-chan-trong-word-5308.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; .&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.
		</div>
		<div id="contact">
			<a href="mailto:admin@nguoicodonvn2008.info">admin@nguoicodonvn2008.info</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://www.nguoicodonvn2008.info/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
		</script>
		<div class="car-top">
  <span><img src="https://www.nguoicodonvn2008.info/themes/default/images/car.png" alt=""></span>
</div>
<script src="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4c_e856T",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://www.nguoicodonvn2008.info/assets/js/language/vi.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/global.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/site.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/news.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/main.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://www.nguoicodonvn2008.info",
            "logo": "https://www.nguoicodonvn2008.info/uploads/angel.gif"
        }
        </script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js"></script>
<script type="text/javascript">
var $scrolltop = $('.car-top');
$scrolltop.on('click', function () {
    $('html,body').animate({
        scrollTop: 0
    }, 800);
    $(this).addClass("car-run");
    setTimeout(function(){ $scrolltop.removeClass('car-run');}, 1000);
    return false;
});
$(window).on('scroll', function ()
{ 
    if($(window).scrollTop() >= 200)
    {
        $scrolltop.addClass("show");
        $scrolltop.addClass("car-down");
    }
    else
    {
       $scrolltop.removeClass("show");
       setTimeout(function(){ $scrolltop.removeClass('car-down');}, 300);
    }
});
</script>
</body>
</html>