中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么利用純CSS改變html頁面效果

發布時間:2020-09-14 11:13:53 來源:億速云 閱讀:154 作者:小新 欄目:web開發

這篇文章主要介紹怎么利用純CSS改變html頁面效果,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

CSS代碼:

input[type=checkbox] {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 15px;
  height: 12px;
  position: relative;
}
input[type=checkbox]:after {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 0;
  content: " ";
  background-color: #ff0000;
  color: #fff;
  display: inline-block;
  visibility: visible;
  padding: 0px 3px;
  border-radius: 3px;
}
input[type=checkbox]:checked:after {
  content: "?";
  font-size: 12px;
}
input[type=radio] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 15px;
    height: 12px;
    position: relative;
}
input[type=radio]:after {
    position: absolute;
    width: 10px;
    height: 15px;
    top: 0;
    content: " ";
    background-color: #ff0000;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px 3px;
    border-radius: 50%;
}
input[type=radio]:checked:before {
    content: "?";
    display: block;
    position: relative;
    top: -2px;
    left: 3px;
    width: 6px;
    height: 6px;
    color: #fff;
    font-weight: 400;
    z-index: 1;
}

HTML 示例:

<input type="checkbox" name="method" value="plus" checked>plus<br>
<input type="checkbox" name="method" value="minus">minus<br>
<input type="radio" name="method" value="plus">plus<br>
<input type="radio" name="method" value="minus" checked>minus<br>

以上是怎么利用純CSS改變html頁面效果的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

佛坪县| 自治县| 恩平市| 磐安县| 松潘县| 中宁县| 贺州市| 许昌县| 天津市| 靖边县| 曲阜市| 乌兰浩特市| 曲靖市| 温州市| 平昌县| 清徐县| 鲁甸县| 敖汉旗| 文登市| 嘉禾县| 钦州市| 麻城市| 四川省| 舟曲县| 读书| 桃园县| 密山市| 田阳县| 屏山县| 普格县| 剑川县| 四会市| 苏尼特右旗| 汤原县| 东乌珠穆沁旗| 杨浦区| 临安市| 共和县| 临澧县| 辽源市| 双流县|