首页 > 教程 > 关键词  > CSS设计教程最新资讯  > 正文

CSS设计教程:轻松实现卷角效果

2010-03-03 09:29 · 稿源:中国站长站综合

我们将做成这样:

Step 1

我们将开始制作内容框的头部, 创建一个新图层命名为header, 然后设置前景色为#818283, 现在抓取一个矩形(262x27), 确保你设置为'填充像素',然后创建一个形状.

Step 2

现在选择自定义形状工具(U),选择如下形状,设定固定size为27x27px,新建一个图层,绘出一个自定义形状,旋转90度,调整位置使其与矩形相连并水平对齐.然后再ctrl+E合并这两个形状图层.

step 3

添加一个标题到你的header上,我使用的是verdana字体,加粗,大小设为14px. 新建一个图层,现ll在让我们作一个卷角,使用多边形套索工具作一个小的直角三角形选区,用#6d6e6f填充.

Step 4

新建一个图层, 在这个图层上做东西之前先应用图层样式

step 5

用矩形工具(U)抓取一个矩形,如下:

step 6

再新建一个空白图层与其合并,再使用橡皮擦(E)工具,设置直径为45,擦掉上面,右边和下面部分.

step 7

让我们添加文本到这个box,主题名我使用的是12点的verdana字体,color为#68a1db.简介使用11点斜体,color#7b7777. read more使用size 10,color #829eba.

step 8

现在看起来很漂亮了,但是我们可再作一点效果处理,选择header图层,然后按Ctrl+R显出标尺,从上面拖出一根引导线,使它垂直居中header.新建一个图层命名gloss,然后使用矩形选区工具(M)在这根引导线上面抓取一个矩形选区,用白色填充,删除引导线.取消选区,设置gloss的图层混各模式为叠加,不透明度为9%,

举报

  • 相关推荐
  • 免费入场+高能福利!AGON爱攻ChinaJoy CS水友赛玩家招募通道即刻开启

    2025年ChinaJoy将于8月1-4日在上海举办,AGON爱攻将携手完美世界电竞打造精彩赛事活动。亮点包括:水友可报名与传奇战队"钢盔队"对决,还有机会与三大CS主播组队;现场将展示多款电竞显示器新品,包括CS24A定制款;参与互动问答和抽奖有机会赢取AGON大礼包。活动地点为N1-G201完美世界展区主舞台,14:00开赛。线上观众关注B站AGON官方账号参与话题互动也有福利。这是一�

  • SSD Fans评测:忆联消费级SSD AM541|强性能 高可靠 长守护

    国内知名技术社区SSD Fans对忆联消费级SSD AM541进行了深度评测。这款PCIe4.0固态硬盘采用3D NAND闪存颗粒和最新主控芯片,1TB版本顺序读取速度达7143MB/s,写入6037MB/s,远超标称值。评测显示AM541在性能、压力测试和可靠性方面表现优异,采用无缓存DRAM-Less设计配合智能SLC缓存机制,在CDM、SNIA标准测试中均展现业界领先水平。游戏实测《FF14》加载仅7.445秒,《黑神话:悟空》启动快40%,充分满足消费级用户对高性能存储的需求,展现了忆联在存储领域的技术实力。

  • Checkout.com携手Visa推出发卡业务 (Card Issuing)

    Checkout.com与Visa达成战略合作,在英国及欧洲地区推出全方位发卡业务。通过Visa全球支付网络,商户可即时获取收款资金用于支付供应商款项,显著提升资金使用效率。该合作特别针对旅游业企业,解决其支付流程分散、资金周转慢的痛点。Checkout.com每年处理数千亿交易的技术能力与Visa网络结合,帮助商户消除预存资金需求,优化现金流管理。双方表示这将大幅提升欧洲商户运营效率,释放增长潜力。

  • BOSS直聘通报“王某香”涉黄简历:男子恶意编造 已被刑拘

    今日,@BOSS直聘在微博就近日网络热议的“简历涉黄”事件作出回应。 此前,网络流传BOSS直聘平台上一名自称“王某香”的求职者与招聘方沟通时出现低俗信息。这些截图在社交媒体迅速热传,引发公众对BOSS直聘存在“色情招聘”的强烈声讨。 针对这一事件,BOSS直聘迅速与警方展开核实工作。经查,账号使用人为一尹姓男子,该男子为寻求刺激,盗用他人信息,冒充女性�

  • OpenAI发布2款开源模型:gpt-oss系列 能力接近o3和o4-mini

    OpenAI发布开源模型系列GPT-OSS,包含120B和20B两个版本。120B旗舰模型适配单H100 GPU架构,20B轻量版适合边缘计算。两款模型均开放完整推理链监控接口,支持动态参数调节和任务微调优化,性能接近闭源的GPT-O3和O4-mini。该系列突破性地支持代理功能,包括网页交互和Python代码执行,在标准化测试中表现优异。开源策略为开发者提供高性能替代方案,重新定义了AI模型的应用边界。

  • CleanMyMac上线云存储清理功能

    CleanMyMac推出全新"云存储清理"功能,支持iCloud和OneDrive两大主流云服务。该功能提供统一可视化界面,可批量删除云端和本地的重复文件,或仅解除同步保留云端文件。通过滚动列表和可视化图谱两种模式,帮助用户高效管理存储空间。所有操作均在本地完成,确保数据安全。软件提供7天免费试用,并推出Basic基础版和Plus高级版两种套餐,现有用户可免费升级体验Plus全部功能。未来计划支持腾讯云、百度云等中国本土云平台,持续优化Mac存储管理体验。

  • 拒绝“孩子气”!小寻Sport6C 电话手表,潮流设计适配青春期审美

    文章介绍小寻中学生电话手表Sport6C,解决家长对孩子沉迷手机又担心传统手表功能单一的矛盾。该手表售价599元,具有简约潮流设计,支持15种运动模式、视力疲劳监测等核心功能,重新定义学生专属通讯工具。产品特色包括:1)运动管理功能,精准监测心率等数据,配套100+运动课程;2)健康监测,家长可远程关注孩子身体状况;3)多重安全守护,支持危险区域提醒、上下学守护和10重AI精准定位;4)4G全网通,续航达4天;5)内置支付宝和喜马拉雅等内容。手表平衡学习与娱乐,从根源守护孩子专注力。

  • 董明珠:家电行业很卷 因为不再追求技术突破 用价格来忽悠

    今日,格力电器董明珠健康家包头店”开业。格力电器董事长董明珠亲至现场,并进行了线上直播。 直播过程中,格力电器董事长董明珠表示,家电行业很卷,因为大家不再追求技术上的突破,简单的就偷工减料,用价格来忽悠你。 董明珠称,相信只要坚守自己的品质,消费者就会看到。她提到,好多空调一个月就坏了,维修成本很高。 值得一提的是,在2024第十八届中国�

  • Razer(雷蛇)在新加坡设立AI CENTER OF EXCELLENCE,加速人工智能投资布局

    雷蛇宣布在新加坡设立全球AI卓越中心,并计划在欧洲和美国建立类似机构,推动游戏与开发者工具领域的创新。新加坡中心将招聘150名AI工程师,专注于下一代AI游戏技术研发。雷蛇还推出AI工具套件,包括Game Co-AI和QA Co-AI,帮助开发者提升游戏质量和开发效率。该战略布局正值全球游戏市场快速增长期,预计2033年AI游戏市场规模将达280亿美元。新加坡数字产业发展局表示,此举将巩固该国作为区域AI创新中心的地位。

  • 老人被蛇咬伤后用白酒消毒 医生提醒:无法达到消毒效果

    ​7 月 28 日有消息报道,近日,四川遂宁发生了一起因毒蛇咬伤处理不当而引发关注的事件。 70 岁的李大爷在户外活动时,不慎被毒蛇咬伤脚踝。情急之下,李大爷自行用白酒对伤口进行消毒处理,随后才前往医院就医。 然而,当医生检查时,发现李大爷被毒蛇咬伤的部位已经“肿胀发硬”,情况较为严重。根据李大爷提供的毒蛇照片,医生确认咬伤他的是一条蝮蛇。蝮蛇�