漂亮的圆角文本框 CSS3实现

最新推荐文章于 2022-01-30 20:39:37 发布

weixin_30569033

最新推荐文章于 2022-01-30 20:39:37 发布

阅读量243

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/xiaochao12345/p/4165195.html

版权

进入人人小站发现了个挺好看的文本框，圆角的，原来是利用了CSS3的效果，不过暂时只有IE9 和FF浏览器支持。

<head>
    <title></title>
    <style>
        .input-text
        {
            border: 1px solid #C3CED9;
            border-radius: 5px 5px 5px 5px;
            font-size: 14px;
            height: 31px;
            line-height: 31px;
            margin-right: 10px;
            padding: 0;
            width: 327px;
        }
    </style>
</head>
<body>
    <input type="text" id="1" class="input-text" />
</body>
</html>

转载于:https://www.cnblogs.com/xiaochao12345/p/4165195.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30569033

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
漂亮的圆角文本框 CSS3实现

进入人人小站发现了个挺好看的文本框，圆角的，原来是利用了CSS3的效果，不过暂时只有IE9 和FF浏览器支持。<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <style> .input-text...
复制链接

扫一扫