正文
css3-13 如何改变文本框的轮廓颜色
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
css3-13 如何改变文本框的轮廓颜色一、总结一句话总结:outline使用和border很像,几乎一模一样,多了一个offset属性
1、轮廓outline如何使用?
一句话总结:outline使用和border很像,几乎一模一样,多了一个offset属性
1、轮廓outline如何使用?
使用和border很像,几乎一模一样,多了一个offset属性
18 outline:2px dashed #00f;
19 outline-offset:20px;
2、轮廓outline和边框的区别是什么?
使用和border很像,几乎一模一样,多了一个offset属性
18 outline:2px dashed #00f;
19 outline-offset:20px;
3、轮廓outline的使用场景是什么?
input单行文本框focus时候的颜色
4、如何如何改变文本框的轮廓颜色?
outline属性即可,使用和border很像,多了一个offset属性
18 outline:2px dashed #00f;
19 outline-offset:20px;
二、轮廓outline1、相关知识
轮廓样式:
outline:2px solid #f00;
outline-offset:15px;
2、代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
body{
padding-left:300px;
padding-top:100px;
}
.img{
width:256px;
height:256px;
background: #ccc;
overflow: hidden;
/*border-radius:256px;*/
border:2px solid #f00;
outline:2px dashed #00f;
outline-offset:20px;
}
</style>
<script src="jquery.min.js"></script>
</head>
<body>
<div class='img'>
<img src="dog.png" alt="">
</div>
</body>
<script>
</script>
</html>