A-A+

html+css模拟单选框

2015年12月29日 htmlcss 暂无评论 阅读 62 次

html+css模拟单选框

 

20151229185356

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        i{
        border: 3px solid #ff9300;
        border-radius: 15px;
        display: block;
        margin: 100px;
        padding: 4px;
        text-align: center;
        width: 15px;
        }
        i::before{
            background-color: #ff9300;
           border-radius: 190px;
           content: "";
           display: block;
           height: 15px;
           margin: 0 auto;
           width: 15px;}
    </style>
</head>
<body>
<i></i>
</body>
</html>
标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录