热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

css文本样式-css学习之旅(4)

color:颜色derction:方向;line-height:行高;letter-spaceing:字符间距;text-align:对齐方向;text-decoration:装饰;text-inde

color:颜色derction:方向;line-height:行高;letter-spaceing:字符间距;text-align:对齐方向;text-decoration:装饰;text-indent:锁紧文本中首行;text-transform:元素中的字母;unicode-bidi:设置文本方向;white-spacing:元素中空白的处理方式;word—spacing:字间距

代码实例:

p{
color:red;
text-align: center;
}

h6{
text-indent: 5em;
text-align: center;}

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5样式title>
<link href="MyCss.css" type="text/css" rel="stylesheet">
head>
<body>
<p title="t">属性选择器p>
<p title="te">属性和值得选择器p>
<h6>属性和值得选择器h6>
body>
html>

效果图:

这里写图片描述

css3的文本效果属性:text-shadow:向文本添加阴影word-wrap:规定文本的换行规则

实例代码

p{
text-shadow: 100px 100px 0px red;
word-wrap: normal;
width:200px;
}

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5样式title>
<link href="MyCss.css" type="text/css" rel="stylesheet">
head>
<body>
<p title="t">属性选择器p>
<p title="te">属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器属性和值得选择器p>
body>
html>

!!!!效果图

这里写图片描述


推荐阅读
author-avatar
pxrty_635
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有