![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS
**瑱
这个作者很懒,什么都没留下…
展开
-
html实现字体加边框及填充
text-stroke字体描边text-fill-color字体填充<head> <meta charset="utf-8" /> <title>字体显示</title> <style type="text/css"> .fontShow{ font-size: 26px;text-stroke: 1px #2c9cf0; text-fill-color:#fff; font-weight: bold原创 2020-10-29 21:16:33 · 12122 阅读 · 0 评论 -
html超出部分隐藏或者换行
效果图入下:注:这里我们可以直接对内容显示一行,或者显示多行,对超出的部分隐藏或者显示省略号 这里还需要注意胡是内容父元素是有宽度、高度原代码,其样式<div class="center-in-center"> <div class="goBeyond"> 2222222222222222222222222222222222222222 </div></div>.goBeyond{ backgroun...原创 2020-10-07 16:53:16 · 1111 阅读 · 0 评论 -
鼠标指针移入按钮和图片改变光标样式
效果图:原码如下:<div> <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p> <span style="cursor:auto">1.Auto</span><br /> <span style="cursor:crosshair">2.Crosshair</span><br /> <span style="cursor:default">原创 2020-10-05 21:36:33 · 960 阅读 · 0 评论 -
html字体颜色渐变
效果图:样式.style1{ background: linear-gradient(to bottom,#f0610e, #e8771a, #fff34a); -webkit-background-clip: text; color: transparent;} .style2{ background: linear-gradient(to right,#f0610e, #e8771a, #fff34a); -webkit-background-clip: tex.原创 2020-10-05 15:53:52 · 12984 阅读 · 5 评论 -
html字体设置font-family
11原创 2020-08-01 09:04:55 · 13532 阅读 · 0 评论 -
给表格加滚动条并改样式
样式如下: <div class="panel-body" style="padding:10px;"> <div style="float:left;width:100%;margin-top:0px;margin-left:0px;"> <span><strong>商品销售排行</strong></span>原创 2020-07-31 13:02:49 · 369 阅读 · 0 评论 -
span控制前面的宽度,让后面的保持对齐
效果:<div> <span class="span1">余额:{{vip.balance}}元</span> <el-button type="text" size="mini" @click="openBlanceDialog = true">调整余额</el-button></div><div> <span class="span1">积分:{{vip.integral}}原创 2020-07-26 20:03:07 · 394 阅读 · 0 评论 -
html利用ul及float制作导航栏
1. ul li纵向列表ul li本身是一个列表,有自己的样式,是纵向排列的,只是他的样式我们不知道他在哪里设置的,打开html文件,在浏览器中可以通过F12查看(他是不能删除了只能重新设置新的样式,来改变样式)在列表中ul li自带样式,样式如下ul, menu, dir { display: block; list-style-type: disc; ...原创 2019-09-23 18:48:38 · 1503 阅读 · 0 评论 -
position定位
定位:position注: 所有标签中都可以进行定位,并且浮动,但是在html中凡是越强大的东西,就越少用定位position与top、left、right、bottom一起使用元素设置了浮动,定位也一般用在块状元素上相对定位:position:relative相当于自身位置左上角来移动,并且原来位置保留,也不会给其他元素用(保留了独占一行的特性)。例:<!DOC...原创 2019-09-22 17:36:30 · 159 阅读 · 0 评论 -
HTML颜色表
点击图片放大h转载 2019-09-08 20:19:02 · 857 阅读 · 0 评论 -
HTML选择器
选择器:(单选择器,复合选择器)匹配页面中满足条件的元素(标签),并给他们设置样式(用在内部/外部样式)单选择器<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>样式</title> <style type="text/...原创 2019-09-09 11:14:03 · 341 阅读 · 0 评论 -
html中的内联、块圾、行内块元素
是根据标签类别分类:1. 内联无素(a,span等)特点:不独占一行,设置宽高(内容多大,盒子多大)设置display:inline 可以将块状元素转换为内联元素例:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>浮动</...原创 2019-09-10 20:27:55 · 207 阅读 · 0 评论 -
frameset框架和iframe内联框架
frameset替换body也就是不能同时出现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <frameset rows="100px,*,100px"><!--...原创 2019-09-08 12:51:58 · 341 阅读 · 0 评论 -
div盒子与浮动(float)
盒子:在html中所有的标签(元素)都可以看作是一个盒子盒子的四要素:内容、内边距(padding)、盒子厚度(border)、外边距(margin)注:1. 在使用盒子时,margin要素有一定的弊端(也就是margin塌陷)。例:<!DOCTYPE html><html> <head> <meta charset="utf...原创 2019-09-10 20:20:08 · 4857 阅读 · 0 评论 -
HTML样式表
层叠样式表(css的全称,也称为样式库):<style> 标签:定义 HTML 文档的样式信息。行内样式表:<!--行内样式表 --><p style="font-family: '微软雅黑'; font-size: 20px; color:red; font-style: italic; text-decoration: u...原创 2019-08-17 10:14:47 · 696 阅读 · 0 评论 -
HTMl标签
html标签根据出现方式分为:双标签:<标签名 属性名=“属性值”>内容</标签名>单标签:<标签名 属性=“值”/>最基本标签(html中标签也称为元素)<html> <!--头部标签--> <head> <title>标题标签</title> </head...原创 2019-08-16 17:18:46 · 169 阅读 · 0 评论 -
html5新增标签
html5中新按钮及新增type属性的属性值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form> <!--html5中这里讲的...原创 2019-08-19 21:27:24 · 190 阅读 · 0 评论