问好老师 欣赏佳作
感谢分享
世外桃源 发表于 2025-2-18 14:11
问好老师 欣赏佳作
谢谢！直接叫小文就好，老师可不敢当！{:4_191:}
本帖最后由 小文 于 2025-2-22 08:15 编辑
小文学习贴
小文 发表于 2025-2-17 22:03
是啊，看得头痛！
现在缩得也太小了点{:4_173:}
小文 发表于 2025-2-18 08:59
恩师。按你的教的方法改小了，现在舒服一些了。感激！顺请早安！
太小了，我来试试吧。
<style>
#tz {
margin: 30px 0px 30px calc(50% - 681px);
width: 1200px;
height: 707px;
background: blue url('https://pic1.imgdb.cn/item/67b2e0dfd0e0a243d4002700.jpg') no-repeat center/cover;
box-shadow: 3px 3px 6px rgba(0,0,0,.6);
position:relative;
}
</style>
<div id="tz"></div>
<style>
#tz {
margin: 30px 0px 30px calc(50% - 681px);
width: 1200px;
height: 707px;
background: blue url('https://pic1.imgdb.cn/item/67b2e0dfd0e0a243d4002700.jpg') no-repeat center/cover;
box-shadow: 3px 3px 6px rgba(0,0,0,.6);
position:relative;
}
</style>
<div id="tz"></div>
如果嫌小，可以修改width: 1200px; height: 707px;的值，修改了width:宽度，高度height:要按比例修改，这样图片不会失真。
<style>
#tz {
margin: 30px 0px 30px calc(50% - 781px);
width: 1400px;
height: 824px;
background: blue url('https://pic1.imgdb.cn/item/67b2e0dfd0e0a243d4002700.jpg') no-repeat center/cover;
box-shadow: 3px 3px 6px rgba(0,0,0,.6);
position:relative;
}
</style>
<div id="tz"></div>
比如我改成1400，高度就成了824。定位也要跟着改，这个781是用1400/2+81来的，所有的定位都这样改。
<style>
#tz {
margin: 30px 0px 30px calc(50% - 781px);
width: 1400px;
height: 824px;
background: blue url('https://pic1.imgdb.cn/item/67b2e0dfd0e0a243d4002700.jpg') no-repeat center/cover;
box-shadow: 3px 3px 6px rgba(0,0,0,.6);
position:relative;
}
</style>
<div id="tz"></div>
本帖最后由 小文 于 2025-2-22 08:15 编辑 <br /><br /> <imgsrc="https://pic1.imgdb.cn/item/67b2e0dfd0e0a243d4002700.jpg" height="450" alt="">
恩师，早安！感谢！学习这个好不容易，呵呵！不过，最近也有事干了，看看CSS等问题，也多了 解一些这方面，也许能用上呢！{:4_204:}
本帖最后由 小文 于 2025-2-20 09:28 编辑 <br /><br />红影 发表于 2025-2-18 20:24
现在缩得也太小了点
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#div1 {
width: 750px;
height: 497px;
border: #000solid 1px;
margin:50px auto;
overflow:hidden;
}
#div1img {
width: 100%;
cursor: pointer;
transition: all 0.6s;/*图片放大过程的时间*/
}
#div1img:hover{
transform: scale(1.4);/*鼠标经过图片放大的倍数*/
}
</style>
</head>
<body>
<divid="div1">
<imgsrc="https://pic1.imgdb.cn/item/67b2e0dfd0e0a243d4002700.jpg" />
</div>
</body>
</html>
小文 发表于 2025-2-18 09:12
师叔，浸淫多年是有的。功力倒是谈不上有什么功力的，只是平生喜欢梅花的孤标傲世与耐寒的顽强生命力。偶 ...
哇，现场应景而作，这功夫真是绝了。{:4_199:}
樵歌 发表于 2025-2-20 16:40
哇，现场应景而作，这功夫真是绝了。
师叔，写意中国画方面来讲，程式化的东西不是什么值钱货，唯手熟耳，大家在一起开心下子。我的恩师川美李仲先生的铜版画那才是有历史厚重感的好作品，令人心仪、神往。
小文 发表于 2025-2-19 11:15
恩师，早安！感谢！学习这个好不容易，呵呵！不过，最近也有事干了，看看CSS等问题，也多了 解一些这方面， ...
看到小文的图图还能放大呢，有趣{:4_187:}
本帖最后由 小文 于 2025-2-20 20:27 编辑
红影 发表于 2025-2-20 20:16
看到小文的图图还能放大呢，有趣
恩师，看到你的头像也可以放大，太喜欢了。呵呵！晚上好！这几天闲，忙着搞这个图，学习了点CSS的问题，找了点例子试。好玩！
红影 发表于 2025-2-20 20:16
看到小文的图图还能放大呢，有趣
谢谢恩师，我的头像也能放大，哈哈！
小文 发表于 2025-2-20 20:24
恩师，看到你的头像也可以放大，太喜欢了。呵呵！晚上好！这几天闲，忙着搞这个图，学习了点CSS的问题， ...
应该是这代码影响了所有图片的缘故吧，有意思{:4_173:}