您的位置：首页 > Web前端 > CSS

CSS网页制作常用标签

2016-12-27 11:25 369 查看
做了一个简单的网页，从布局到加内容，遇到了很多小问题。很多标签和属性都不会用或者忘记了。所以以此记录一下。

一、如何将边框四角变圆？（或做一个圆形）

顾名思义，如果要更改边框的角需要用到边框（border）的属性。








利用radius属性进行更改，后面的值越大，角的圆度越大。



→



画的很辛苦。点个赞吧！！

二、段落文字下划线（and整段）

1、鼠标悬浮下划线

通常我们写鼠标悬浮下划线的时候都会使用:border-bottom：1px solid black;这样的方式。但是对于一整段并分上下行的用此方法就会出现问题。

这个时候我们可以使用属性标签：text-decoration: underline;

underline：下划线

#jjj:hover{
text-decoration: underline;
}



→


2、段落永久下划线

#jjj:visited{
text-decoration: underline;
}



→


也可以使用link的方式：

#jjj:link{
text-decoration: none;
}


效果是一样的。

三、CSS延迟效果（transition）

这个效果是鼠标悬浮慢慢的或快快的变成其他效果。非常使用，也很好看。

#jjj:hover{
background-color: black;
transition: 1s;
}




四、英文字母全部大写

使用标签属性：text-transform: uppercase;







五、调整透明度

对于一些需要调整透明度的，opacity用起来还是挺方便的。

#jjj{
width: 200px;
height: 200px;
background-color: yellowgreen;
opacity: 0.6;
}




内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航