本文档详细介绍了网页样式的设计规范，包括文本域textarea、搜索框SearchBar以及按钮button的CSS样式定义。通过这些样式，可以创建具有良好用户体验的网页交互元素，如自适应高度的文本域，美观的搜索框和定制化的按钮背景。同时，代码中体现了对浏览器兼容性的考虑。
文本域
.textArea{
margin: 10px 10px;
width: 80%;
height:150px;
padding: 1;
min-height: 120px;
max-height: 300px;
_height: 120px;
margin-left: auto;
margin-right: auto;
padding: 3px;
outline: 0;
border: 1px solid #a0b3d6;
font-size: 12px;
word-wrap: break-word;
resize:none;
overflow-x: hidden;
overflow-y: auto;
border-radius:5px;
}
文本框
.SearchBar {
font-size:12px; letter-spacing:2px;
border-bottom:1px solid #dddddd;
padding:5px 0px 3px 0px;
margin:4px 0px 4px 0px;
text-align:center;height:24px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f5f5f5', endColorStr='#eeeeee', gradientType='0');
}
button,(bg126是图片文件)
button { font-family: "Arial", "Tahoma", "微软雅黑", "雅黑"; border: 0; vertical-align: middle; margin: 8px; line-height: 18px; } .btn { width: 140px; height: 36px; line-height: 18px; font-size: 18px; background: url("../images/bg26.jpg") no-repeat left top; color: #FFF; padding-bottom: 4px } .
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
