首页 > 其他分享 >5.16文本样式,列表样式,背景样式

5.16文本样式,列表样式,背景样式

时间:2023-05-16 15:00:13浏览次数:42  
标签:repeat 样式 背景 5.16 background text 文本

文本装饰:

text-decotation:overline文本上出现上划线

text-decoration:line-through文本出现删除线

text-decoration:underline文本出现下划线           

垂直对齐方式

vertical-align:top顶部对齐 vertical-align:middle中部对齐vertical:bottom底部对齐

文本阴影:text=-shadow:{2px 2px rgb(00,00,255);}第一个px越大阴影向右边移的距离越远,可以为负值,负值就是向左移;第二个px越大阴影向下移的距离越远,可以为负值,负值就是向上移

超链接伪类:鼠标移动到链接上背景色会被改变:hover 例子:a:hover{background:red;}这里也可以改成鼠标移上去,字体大小改变,或者字体样式改变。

列表样式:li{list-styel:noen;}去除列表文本前面的符号;<style>li{list-style:none;}</style>

背景样式:

背景颜色:{background-color:red;}

背景图像:{background-image:url();}url中是背景图像地址

背景重复:{background-repeat:repeat-x;}背景图像水平平铺

                  {background-repeat:repeat-y;}背景图像垂直平铺

                注意:要背景重复,那一定得有背景图像;也可以选择不平铺。不平铺的结构:{background-repeat:no-repeat;}

背景定位:背景图片布置在网页中的位置

结构:body{background-image:url();background-repeat:no-repeat;background-attachment:fixed;background-position:center;}也可以居左(left)居右(right)左上(lefttop)

右下(rightbottom)

 

标签:repeat,样式,背景,5.16,background,text,文本
From: https://www.cnblogs.com/liuxin6de1b/p/17405673.html

相关文章

  • 解决 Element 文本域(textarea) 和 文本(text) 字体不同的问题
    修改css.el-textarea__inner{font-family:"HelveticaNeue",Helvetica,"PingFangSC","HiraginoSansGB","MicrosoftYaHei","微软雅黑",Arial,sans-serif;}修改后:......
  • 2023.5.16——软件工程日报
    所花时间(包括上课):6h代码量(行):0行博客量(篇):1篇今天,上午学习,下午学习。我了解到的知识点:1.了解了一些数据库的知识;2.了解了一些python的知识;3.了解了一些英语知识;5.了解了一些Javaweb的知识;4.了解了一些数学建模的知识;6.了解了一些计算机网络的知识;......
  • 微信h5公众号分享卡片样式
    配置安全域名 页面引入js在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.6.0.js如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.6.0.js(支持https)。备注:支持使用AMD/CMD标准模块......
  • 文本标记问题
    1、介绍文本标记是一个常见的业务场景,比如爆破标记参数、xss标记参数、验证码标记,等等。2、实现标记的几种思路2.1纯标记字符措施是在样本文本中,使用标记字符进行插入标记。(1)单标记还是双标记所谓单标记,即一个参数点对应一个标记字符,一般在原参数点的文本之后。而双标记,......
  • 能粘贴Word 内容(含公式)的文本编辑器
    ​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接......
  • android 多款按钮样式
    http://www.mindfreakerstuff.com/2012/10/50-awesome-useful-android-custom-button-style-set-2/#button-set2http://www.mindfreakerstuff.com/2012/09/50-useful-android-custom-button-style-set-1/......
  • fullcalendar设置单元格高度,修改了样式但是没效果(已解决)
    首先是设置里面的contenthieght设置不了,然后就尝试直接修改css样式,这里我直接用的控制台工具 拖动这个高度设置的时候我发现是可以改变单元格大小的,然后直接把这一段都复制到代码里,但是用不了,前前后后尝试了很多,为什么css设置的样式没有显示出来?这篇文章里的方法都试了下,但是......
  • Vue2入门之超详细教程十-绑定class、style样式
    1、简介绑定样式:1.class样式写法:class=”xxx” xxx可以是字符串、对象、数组字符串写法适用于:类名不确定,要动态获取对象写法适用于:要绑定多个样式,个数不确定,名字也不确定数组写法适用于:要绑定多个样式,个数确......
  • 富文本编辑器的下载和使用
    目录富文本编辑器:下载用法编辑器使用方法1.下载编辑器2.部署编辑器3.修改HTML页面4.获取HTML数据参数使用富文本编辑器:kindeditor的使用为例http://kindeditor.net/demo.php下载用法只有这俩有用其他使用方法看文档说明编辑器使用方法1.下载编辑器下载KindEdi......
  • 滚动条样式自定义
    ::-webkit-scrollbar-track-piece{  width:1px;  height:1px;  background-color:#0c1e26;}::-webkit-scrollbar{  width:1px;  height:1px;  background-color:#16d0ff;}::-webkit-scrollbar-thumb{  width:1px;  heig......