作者:仲奕凡恋歌 | 来源:互联网 | 2023-09-17 19:38
1、给边框加上圆角及阴影,如下代码:
hello, my name is tom. hello, my name is tom. hello, my name is tom.
效果:
border-radius : 25px;
padding : 30px;
width : 80px;
height : 80px;
}
#corner4{
background : #6699ff;
border-radius : 20px 35px 20px 35px;/*分别设置四个圆角,顺序是左上,右上,右下,左下*/
padding : 30px;
width : 80px;
height : 80px;
}
ul{
list-style: none;/*去掉列表的小圆点*/
display: inline;/*使列表水平排列,需要跟li中的float属性一起使用才有效*/
}
li{
float : left;
margin-left: 10px;
}
效果如下图:

2、给文字加上阴影效果,如下代码:
Text-shadow effect!
效果如下图:

3、使用外部字体。css3中可以使用外部字体,只需要将字体文件引入HTML文档中即可引用,如下代码:
Today is a nice day~
其中Vicasso.ttf是一个字体文件,浏览器中的效果如下:

4、css3过渡。