编辑器1.0-创新互联

目前创新互联建站已为上1000+的企业提供了网站建设、域名、网站空间、成都网站托管、企业网站设计、阳信网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。le>.edit { background: none rgba(255, 255, 255, 1); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 1px 1px 5px #ccc; -webkit-box-shadow: 1px 1px 5px #ccc; box-shadow: 1px 1px 5px rgba(204, 204, 204, 1); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); padding: 0; margin: 0 auto; width: 750px; border: 1px solid rgba(204, 204, 204, 1); min-height: 100px } .editTool { width: 100%; height: 37px; background-color: rgba(226, 231, 238, 1); margin: 0 } .editTool ul { margin: 0; padding: 0; list-style-type: none } .editTool ul li { float: left; margin: 2px; text-align: center; font-weight: bold; cursor: pointer } .editTool ul li a { padding: 2px 10px; display: inline-block; box-shadow: 1px 1px 5px rgba(126, 108, 108, 1); border-radius: 2px; text-decoration: none; color: rgba(0, 0, 0, 1); border: 1px solid rgba(204, 204, 204, 1) } .editTool ul li select { display: inline-block; height: 29px; border-radius: 2px; box-shadow: 1px 1px 5px rgba(126, 108, 108, 1); border-color: rgba(153, 153, 153, 1); margin-left: 1px; margin-top: 1px } .editTool ul li a.curr { box-shadow: 1px 1px 5px rgba(153, 153, 153, 1); border: 1px solid rgba(153, 153, 153, 1); background-color: rgba(153, 153, 153, 1) } .editCon { border: 1px solid rgba(204, 204, 204, 1); min-height: 200px }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .edit
        {
            background: none #fff;
            border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
            box-shadow: 1px 1px 5px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
            filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
            padding: 0px;
            margin-bottom: 10px;
            margin: 0px auto;
            width: 750px;
            border: solid 1px #ccc;
            min-height: 100px;
        }

        .editTool
        {
            width:100%;
            height: 37px;
            background-color: #E2E7EE;
            margin: 0px;
        }

            .editTool ul
            {
                margin: 0px;
                padding: 0px;
                list-style-type: none;
            }

                .editTool ul li
                {
                  
float: left;
                    margin: 2px;
                    text-align: center;
                    font-weight: bold;
                    cursor: pointer;
                }

                    .editTool ul li a
                    {
                        padding: 5px 10px;
                        display: inline-block;
                        box-shadow: 1px 1px 5px #7E6C6C;
                        border-radius: 2px;
                        text-decoration: none;
                        color: black;
                        border: solid 1px #ccc;
                    }

                    .editTool ul liselect
                    {
                       display: inline-block;
height: 29px;
border-radius: 2px;
box-shadow: 1px 1px 5px #7E6C6C;
border-color: #999;
margin-left: 1px;
margin-top: 1px;
                    }

                    .editTool ul li a.curr
                    {
                        box-shadow: 1px 1px 5px #999;
                        border: solid 1px #999;
                        background-color: #999;
                    }

        .editCon
        {
            border: #ccc solid 1px;
            min-height: 200px;
        }
</style>

</head>
<body>
    <div class="edit">
        <div class="editTool">
            <ul id="tool" style="list-style-type: none;" >
                <li>
                    <select>
                        <option>字体大小</option>
                        <option>2px</option>
                        <option>3px</option>
                        <option>4px</option>
                    </select>
                </li>
            </ul>
        </div>
        <div class="editCon">
        </div>
    </div>
</body>
</html>
<script src="https://files.cnblogs.com/wzq806341010/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="https://files.cnblogs.com/wzq806341010/rangy-core.js" type="text/javascript"></script>
<script src="https://files.cnblogs.com/wzq806341010/JqEditor0.2.js" type="text/javascript"></script>

View Code

当前标题：编辑器1.0-创新互联
URL链接：https://www.cdcxhl.com/article30/cscspo.html

成都网站建设公司_创新互联，为您提供标签优化、建站公司、电子商务、网站营销、用户体验、服务器托管

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容