css怎样实现对角线特效

html-css010

css怎样实现对角线特效,第1张

目前的css标准无法达到渐变效果只能使用图片

你发的例子是用了IE的私有滤镜 只能在IE浏览器上达到效果

其他的浏览器都无法正常浏览 ,想实用的话 很简单 ,在 css添加

body {filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=用起始颜色替换,endcolorstr=用结束颜色替换,gradientType=1)}

起始颜色和结束颜色也是IE私有的#xxxxxxxx 八位格式!

字体的大小是根据字体的高度来定的(而不是你自认为的对角线),等宽字体的半角字符(如英文字母、数字、符号等)的宽度是高度的一半,全角字符(如汉字)的宽度和高度则相等,而在比例字体(通常只有英文字体中才有比例字体,汉字都是等宽的)中,宽度则是不相等的(比如W的宽度就远大于i的宽度),但会以大写的M作为基准,M的宽和高是相等的。

行高=字符的高度+行间距

如果已设定font-size:12px,而line-height:16px,则行间距为16-12=4px