css平常用到的样式

程序员文章站 2024-01-25 14:22:40

...

设置图片浮在控件上面，绝对定位

图例：
css平常用到的样式

博客分类：前端 css样式

css代码：

.input_wrap {
    margin: 10px; // 像左和上移动10个像素
    position: relative;
    font-size: 16px;
}

.g_input {
    width: 50%;
    height: 40px;
}

.input_wrap .g_input {
    padding-right: 20px;// 控制文本输入框像右偏移多少像素
    position: relative;
}

.input_wrap .close {
    position: absolute;
    width: 100%; // g_input样式百分比增加或减少，对应的百分比是需要调整
    height: 45px;
    right: 0;
    top: 0;
    background: url(icons-close.png) no-repeat center center;
    background-size: 26px auto;
}

html样例代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
	<link rel="stylesheet" href="index.css"/>
</head>
<body>
	<div class="input_wrap">
      <input type="text" class="g_input">
	  <a href="javascript:void(0)" id="close" class="close"></a>
	</div>
</body>
</html>

查看图片附件

css平常用到的样式

css平常用到的样式

怎样更改有透明iframe做背景的字体样式，使其不受底层颜色影响？求大神指教！！_html/css_WEB-ITnose

symfony怎么用css来控制表单的样式？

简洁清新的box样式_html/css_WEB-ITnose

JQuery结合CSS操作打印样式的方法

Yii 为JUI设置自己的CSS样式

详解CSS样式中的!important、*、_符号

css如何设置字符串中第一个字符的样式_html/css_WEB-ITnose

下拉框等需要显示上下箭头切换的CSS样式

使用phpmailer发送的内容里面写了css，css里面用到了background url(xxx),最后解析出来url()里面为空