主队	比分	客队	联赛	时间(北京)
近期暂无比赛，请稍后再来查看。

簡介

運用178體育直播，快速整合您所需的賽事直播功能，提升觀眾參與度，驅動流量增長，並與全球體育迷建立緊密聯繫。

快速上手

透過178體育直播，您可以輕鬆獲取所有賽事直播的必備工具。立即前往下載頁面，獲取最新官方App，開啟您的觀賽之旅。

CSS

將此CSS鏈接 <link> 插入到您的 <head> 區塊，置於所有其他樣式表之前，以載入核心直播與賽事呈現功能。

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

為確保平台多數組件功能正常運作，請務必載入JavaScript支援。這包括jQuery與我們的自訂JavaScript插件。請將以下 <script> 標籤置於頁面底部，`</body>` 標籤之前。建議載入順序為：jQuery，接著是bootstrap.bundle.min.js，最後是我們的JavaScript插件。

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.bundle.min.js"></script>

入門指南

確保您的網頁結構遵循最新的設計與開發標準。這意味著使用HTML5 doctype並包含視口元標籤，以實現最佳的響應式賽事呈現。整合這些元素後，您的頁面應具備此基礎結構：

HTML 框架 :

<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>178体育直播 - 平台使用说明</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="178體育直播是專業的高清免費體育直播平台。全面認準 tv-178zhibo-iqiyi.com。" />
        <meta name="keywords" content="178直播, 足球直播, NBA直播, 中超直播, 意甲直播, 世界杯直播" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back To Home Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        在智能推荐，不错过任何精彩方面，178体育直播提供贴心周到的支持。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

多語言支援

多語言支援 :

若要啟用多語言支援模式，請將 `style.css` 的引用替換為 `style-rtl.css`。

暗黑模式

暗黑模式 :

若要啟用暗黑模式，請將 `style.css` 的引用替換為 `style-dark.css`，以獲得更沉浸式的觀賽體驗。

暗黑多語言模式 :

若要啟用暗黑模式與多語言支援，請將 `style.css` 的引用替換為 `style-dark-rtl.css`。

選單

導航置右

若要將導航選單從置中對齊調整為右對齊，請在導航選單的CSS類別中加入 `nav-right`。

導航置左

若要將導航選單從置中對齊調整為左對齊，請在導航選單的CSS類別中加入 `nav-left`。

淺色導航置中

若您希望導航選單置中並採用淺色風格，請在導航選單的CSS類別中加入 `nav-light`。

淺色導航置右

若您希望導航選單靠右且為淺色風格，請在導航選單的CSS類別中同時加入 `nav-right` 與 `nav-light`。

淺色導航置左

若您希望導航選單靠左且為淺色風格，請在導航選單的CSS類別中同時加入 `nav-left` 與 `nav-light`。

⚽ 足球实时 (0)

直播文档

簡介