常用技巧性CSS:颜色渐变,截断英文单词,阴影文字.
在层里面加上一个iframe,优先级就比下拉列表框高了
<iframe style="position:absolute; visibility:inherit; top:0px; left:0px; width:640px; height:100%; z-index:-1;"></iframe>
颜色渐变
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3F8CDA', gradientType='1')"
截断英文单词
style="word-wrap:break-word" style="word-break:break-all"
带阴影的文字
style="filter: DropShadow(Color=#dddddd, OffX=1, OffY=1);height:12px;font-family:Verdana;CURSOR: hand"
文字的白边
<P style="MARGIN-LEFT: 3px; MARGIN-TOP: 5px">
文字的间距
style="LETTER-SPACING:1px;line-height:150%"
表格不随内容撑大
style="table-layout:fixed;"
固定的一个地方显示较多数据
简单将你的控件放在一个DIV中将overflow属性设置成auto
<div style="height:400px;width:200px;overflow:auto">
<asp:datagrid id="MyGrid" runat="server"/>
</div>
用层遮盖其他东西(相对定位)
<center>
<div style="position:absolute;">
<div style="position:absolute;left:-50;top:-58"><table><tr><td width=100 height=16 bgcolor=ffff00></td></tr></table></div>
</div>
</center>
透明
style="FILTER: Alpha(Opacity=100, style=1)"
使用CSS替换图片
star:expression_r(
onmouseover = function()
{
/*替换图片*/
if(this.hover != null){
this.name = this.src;
this.src = this.src.replace('.jpg', '_over.jpg');
this.HasChg = 1;
}
},
onmouseout = function()
{
/*还原本来的图片*/
if(this.HasChg != null){
this.src = this.name;
this.HasChg = null;
}
}
转载于:https://www.cnblogs.com/g2star/p/3734660.html
常用技巧性CSS:颜色渐变,截断英文单词,阴影文字.相关推荐
- CSS -- 颜色渐变
CSS -- 颜色渐变 FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='lightblue', endColorSt ...
- html中渐变怎么写,css颜色渐变怎么写?
CSS3的语法是建立在CSS原先版本基础上的,它允许使用者在标签中指定特定的HTML元素而不必使用多余的class.ID或JavaScript. css颜色渐变可以使用css3的渐变(gradient ...
- CSS 颜色渐变生成器
手工挑选颜色来制作颜色渐变需要设计经验和对色彩和谐的良好理解.如果您需要背景或 UI 元素的渐变,但又没有足够的信心自己处理任务(或者如果您很着急),则 Color gradient generato ...
- css3样式总结--例如:颜色渐变、元素阴影、文字超长、transform、animation 和 keyframe动画的运用。
一.英文字母全部大写 英文字母全部小写 英文首字母大写 text-transform: uppercase : text-transform:lowercase: text-transform:cap ...
- css 颜色渐变 Gradient
原文:http://www.w3cplus.com/content/css3-gradient CSS3 Gradient 作者:大漠 日期:2011-04-21 点击:35374 gradient ...
- css 颜色渐变的方法
线性渐变 background-image:linear-gradient(); 注意,颜色之间用逗号分开 1从上到下的线性渐变(默认) css: div{width: 200px;height:20 ...
- css颜色渐变 移动,CSS颜色渐变
一. Webkit浏览器 (1) 第一种写法: background:-webkit-gradient(linear ,10% 10%,100% 100%, color-stop(0.14,rgb(2 ...
- web CSS 颜色渐变代码
#onlines{color:#ffffff;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; backgro ...
- CSS和JS两种颜色渐变文字效果代码
js实现颜色渐变文字效果代码: <!-- js颜色渐变色文字 --> <div id="moml"> <div style="text-al ...
最新文章
- 研究生扩招,数据发现清华北大本科生毕生后几乎没人找工作!
- 算法面试:精选微软经典的算法面试100题(第1-20题)
- 【正一专栏】瓜迪奥拉就是一座无可匹及的丰碑
- python登录网页版微信发送消息
- beyond compare 3.10在异常关机后无法启动
- dagger2记录篇
- 服务容错和Hystrix
- 欢乐纪中某A组赛【2019.7.9】
- 计算机图形学Web前端笔记-浏览器中心点转场景坐标理论及实现(two.js)
- 设置将pip的下载源变更为国内源-windows配置方法
- Postgresql添加/删除触发器示例
- mybatisplus update更新操作的三种方式
- vue前端页面通用模板梳理
- 网页版excel服务器,用excel当数据库,做个简单的网页
- 【薪酬调研报告】2019TMT标杆企业高管薪酬与激励调研报告—德勤管理咨询
- folder汇总字段的实现
- 盗墓小说和西高穴:真真假假曹操墓
- win2012服务器 注册表,第十一章 Windows Server 2012 R2 注册表域注册表编辑器 ---学习笔记...
- PS的快捷键(7.14)
- 设置Mathtype的粗斜体