十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
使用渐变可以做到,linearGradient()
创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于网站建设、做网站、永仁网络推广、成都微信小程序、永仁网络营销、永仁企业策划、永仁品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供永仁建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
或者你是要canvas进行画图,还是要使用线性渐变
大侠,CSS 基础没打好
vertical-align: [属性名]
baseline : CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐
sub : CSS1 垂直对齐文本的下标
super : CSS1 垂直对齐文本的上标
top : CSS1 将支持 valign 特性的对象的内容对象顶端对齐
text-top : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
middle : CSS1 将支持 valign 特性的对象的内容与对象中部对齐
bottom : CSS1 将支持 valign 特性的对象的内容与对象底端对齐
text-bottom : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
2种方法:
1、给这个数字添加css属性:text-decoration: line-through;
2、给这个数字添加标签:del。如:del9999/del。
text-decoration详解:
text-decoration : none || underline || blink || overline || line-through
none : 无装饰。text-decoration:none 无装饰,通常对html下划线标签去掉下划线样式。
blink : 闪烁
underline : 下划线。text-decoration:underline 下划线样式。
line-through : 贯穿线。text-decoration:line-through 删除线样式-贯穿线样式。
overline : 上划线。text-decoration:overline 上划线样式。
扩展资料:
我们进行对3个盒子对象分别设置对象内文字下划线、文字删除线样式、字体上划线样式。
1、css代码片段:
.divcss5{text-decoration:underline}
.divcss5_1{text-decoration:line-through}
.divcss5_2{text-decoration:overline}
2、html代码片段:
div class="divcss5"我被加下划线/div
div class="divcss5_1"我被加贯穿删除线/div
div class="divcss5_2"我被加上划线/div
用css3动画去做
!doctype html
html
head
meta charset="utf-8"
title00/title
style
.xian{ width:50px; height:1px; background:#000000; margin-top:100px;}
.xian{animation: myfirst 5s;}
@keyframes myfirst
{
from {width: 50px;}
to {width: 1000px;}
}
/style
/head
body
div class="xian"/div
/body
/html
低版本浏览器不支持css3属性,用谷歌什么的高版本浏览器看。
CSS代码如下
border-bottom: 2px solid red;
代码解释:
border-bottom: 表示下边框
2px:表示边框宽度
solid:实现边框
red:红色
理论上可以的,把4个角当成4个盒子,比如左上角的盒子,设置一个宽高如30像素,设置上边框和左边框的颜色为5像素、实线、红色,右边框和下边框设置为5像素、实线、白色,其他3个盒子以此类推。不过不太实用,建议用图片。