css怎么設置checkbox大小

這篇文章將為大家詳細講解有關css怎么設置checkbox大小，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

武漢網(wǎng)站建設公司創(chuàng)新互聯(lián),武漢網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為武漢數(shù)千家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設公司要多少錢，請找那個售后服務好的武漢做網(wǎng)站的公司定做！

css的全稱是什么

css的全稱是Cascading Style Sheets（層疊樣式表），它是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。

在css中，可以使用width屬性和height屬性設置checkbox的大小，只需要給checkbox元素設置“height:數(shù)值”和“width:數(shù)值”樣式即可。width屬性定義復選框的寬度，height屬性定義復選框的高度。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
    <style>
      input[type="checkbox"] {
        margin-right: 10px;
        cursor: pointer;
        width: 30px;
        height: 30px;
        position: relative;
      }
    </style>
  </head>
  <body bgcolor="bisque">
    <div class="check-item">
      <input type="checkbox" class="check-item-in" id="checkbox3" />正常復選框
      <label for="checkbox3"></label>
    </div>
  </body>
</html>

效果如圖：

css怎么設置checkbox大小

關于“css怎么設置checkbox大小”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

分享文章：css怎么設置checkbox大小
網(wǎng)頁URL：http://muchs.cn/article26/ghsecg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、外貿(mào)網(wǎng)站建設、品牌網(wǎng)站建設、自適應網(wǎng)站、、關鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站