CSS控制首行

简介:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
< html  xmlns ="http://www.w3.org/1999/xhtml" > 
< head > 
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"  /> 
< title >:first-letter---首字符,支持火狐,ie6 </title> 
< style  type ="text/css" > 
html 

overflow:auto; 



font-size:16px; 
color:#7F5125; 
font-family:"幼圆","黑体"; 
border:1px dotted #666; 
_border-style:solid; 
_border-color:#ccc; 
padding:10px; 

p:first-line 

color:#666; 

</style> 
</head> 

< body > 
   < p >当你完成了网站的全部制作并且为网站发布了很多具有价值和吸引力的内容之后,你最恼火的问题可能就是没有人来浏览你的网站,你所有的努力似乎都没有人认可,此时,你该怎么办呢,你必须把自己的网站推广出去,让更多的人知道她,记住她的域名地址并深深地爱上她,然而这一切并不是那么容易,要想有效地推广自己的网站,请看... </p> 
</body> 
</html>
 
 
FF3和IE6效果基本如下:
 
更改了第一行的颜色。






本文转自 xcf007 51CTO博客,原文链接:http://blog.51cto.com/xcf007/102934,如需转载请自行联系原作者

相关文章
|
7月前
|
前端开发
CSS 限制文字行数(超出显示省略号...)
CSS 限制文字行数(超出显示省略号...)
79 0
|
8月前
|
前端开发
css控制div内容最多为2行
css控制div内容最多为2行
77 0
|
前端开发
CSS 让div,span等块级、非快级元素排列在同一行
CSS 让div,span等块级、非快级元素排列在同一行
123 0
|
前端开发 JavaScript
css控制超出宽度 ...展示
css控制超出宽度 ...展示
167 0
|
Web App开发 前端开发 JavaScript
孤陋寡闻了,才知道已经可以用 JS 来控制 CSS 动画了
最近翻 MDN 突然发现一套叫 Web Animations API 的东东,点进去看才知道,原来是一套控制 css animation 的 API,而且已经有段时间了 🤦‍♂️,而我居然一直不知道。
|
前端开发
CSS:页面美化和布局控制
CSS:页面美化和布局控制
|
Web App开发 前端开发 JavaScript
CSS新特性contain,控制页面的重绘与重排
CSS新特性contain,控制页面的重绘与重排
281 0
CSS新特性contain,控制页面的重绘与重排
|
前端开发
CSS - 基于位置伪类的交替行样式
CSS - 基于位置伪类的交替行样式
108 0
CSS - 基于位置伪类的交替行样式
|
前端开发 JavaScript 开发工具
14 行 CSS 代码实现明暗模式
最近我打算对我的个人网站添加明暗模式的自动检测。这个解决方案不使用 JavaScript。相反,它通过CSS 媒体查询来检测用户的系统设置,并使用两个自定义CSS属性来确定一个基本的配色方案。
120 0
14 行 CSS 代码实现明暗模式
|
前端开发 JavaScript 容器
CSS 实现文本"不定行数"截断
CSS 实现文本"不定行数"截断
CSS 实现文本"不定行数"截断