重新学习html和css
2024-08-31 05:27:32
当初学习前端的时候,属于快速入门那种,没有好好深入学习html和css。如今,在空闲时间重新拿起基础书学习,都会写到一些新的知识。
1、css实现圆角、渐变功能。使用border-radius以及linear-gradient属性。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
a{
height: 40px;
line-height: 40px;
color:#fff;
text-decoration: none;
background-repeat: repeat-x;
display: inline-block;
margin: 20px;
padding: 20px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
background-color: #42c264;
background-image: -webkit-linear-gradient(#4fec50,#42c264);
background-image: -moz-linear-gradient(#4fec50,#42c264);
background-image: -o-linear-gradient(#4fec50,#42c264);
background-image: -ms-linear-gradient(#4fec50,#42c264);
background-image: linear-gradient(#4fec50,#42c264);
}
</style>
<title>日常练习</title>
</head>
<body>
<a href="#">Box Title</a>
</body>
</html>
<script type="text/javascript"></script>
最新文章
- spfa(模板)
- C 封装一个简单二叉树基库
- JNLP + Applet + Bouncy Castle
- Jquery 实现点击一个页面跳转后在另外一个页面显示指定位置
- linux设备驱动那点事儿之平台设备理论篇
- [Javascript] Drawing Paths - Curves and Arcs
- 学习AngularJs:Directive指令用法
- Python md5 sha1 的使用
- HDU 4099 Revenge of Fibonacci (数学+字典数)
- Math.random引发的骗术,绝对是用随机数骗前端妹纸的最佳方法
- php目录函数
- pytorch使用总结
- Hibernate基础一
- launch 文件的写法
- 上传input中file文件到云端,并返回链接
- 2nd week
- hdfs 例子
- oracle 中如何定位重要(消耗资源多)的SQL
- Mac 下查看端口是否被占用
- 《图说VR入门》——DeepoonVR的大鹏(陀螺仪)枪
热门文章
- ios 导航栏(自己定义和使用系统方式)
- 多个结果显示成一个group_concat函数
- Codeforces Round #257 (Div. 2/B)/Codeforces450B_Jzzhu and Sequences
- K度限制MST poj 1639
- Detach a Database
- AAC帧格式及编码介绍
- PCB WCF Web接口增减参数后,在客户端不更新的情况,是否影响客户端,评估测试
- 服务器通信REST、gRPC,Swagger/OpenAPI
- 线性预测与Levinson-Durbin算法实现
- golang 字符串替换截取