个人随笔
技术改变世界

标签:CSS

编程技术

CSS 禁止自动换行

王旭阅读(1337)评论(1)

示例 使用CSS样式 white-space:nowrap 可以定义某个区域内的内容是否可自动换行,默认是可以的。如果设置的值为 nowrap 将禁止自动换行,如上图所示。内容超过窗体可显示的区域外时将在浏览器下方出现滚动条。  ...

编程技术

CSS 改变字母大小写

王旭阅读(1407)评论(0)

示例     在CSS中可以控制字母文本的大小写一共有三种方式,如图中的第一种THIS IS UPPERCASE很显然是全大写的样式,第种则是全小写样式,第三种则比较有意思首字母大写样式。实际上我们输入的仅仅是整个文本的首字母大写而已,以上...

编程技术

CSS 文本缩进

王旭阅读(1096)评论(0)

示例 在编写文档的时候,通常会在每个段落用到缩进功能,错误的做法是使用空格来代替缩进。那么在CSS中如何实现缩进功能呢?如上图所示的文本,请参考以下代码。 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD X...

编程技术

CSS 文本对齐

王旭阅读(1201)评论(1)

示例 在CSS中实现文本的居中对齐,左对齐,右对齐是非常简单的,只需要对text-align设置相应的值即可,如:center、left、right 要实现如图中的样式,以下是完整代码。 示例代码 <!DOCTYPE html PUB...

编程技术

CSS 控制文本行间距

王旭阅读(1152)评论(0)

示例 在图中,我们使用的是3个不同的<p>标签的段落,第一个红色框选的是默认行间距的文字段落,第二个框选的是10px的行间距段落,第三个是30px的行间距段落。以下代码实现,根据自己的需求进行调整段落高度即可! 示例代码 <...

编程技术

CSS 控制文字间距

王旭阅读(1180)评论(0)

示例 要实现以上图中的效果,我们可以使用CSS来控制文本的间距。错误的做法是使用N多个&nbsp;这样的空格符来分开文字的间距。 以下是设置文本间距的完整代码 <!DOCTYPE html PUBLIC "-//W3C//DT...

编程技术

CSS 只显示一次背景图片

王旭阅读(1584)评论(0)

示例 在设置背景图片后,默认是平铺重复图片来填满整个背景。在CSS中如果我们想只显示一次背景图片,操作是很简单的。 只需要在CSS中加入 background-repeat: no-repeat代码即可。 如果还是不太明白,请参考以下完整代...

编程技术

CSS 水平或垂直重复背景图片

王旭阅读(1643)评论(1)

示例背景图片 实现垂直/水平背景平铺 实现水平或垂直屏幕背景的关键代码background-repeat: repeat-x; 最后面的x则表示为水平方向,如果是y则表示是垂直方向。水平平铺比较常用,可以用于标题栏什么之类的。 下面来看看我...

编程技术

CSS设置背景图片

王旭阅读(1671)评论(3)

示例背景图片 使用CSS设置图片为背景 为了丰富网页的视觉效果,我们通常需要在网页的背景进行设置颜色或图片。使用如下CSS代码即可实现背景填充图片: <style type="text/css"> body {backgroun...

编程技术

CSS 设置文本背景颜色

王旭阅读(1345)评论(0)

设置文本背景颜色 如图所示,我们编写了一个实现背景颜色为黄色的CSS样式,在文本中使用了两次。将两处文本的背景色设置为黄色。 我们使用<span>标签+CSS样式来完成的该功能,如下代码所示: <!DOCTYPE html...